fix: wallet mobile ui changes (#4515)

fix wallet mobile
Co-authored-by: Alex Ball <alexball@UNISWAP-MAC-038.local>

src/components/WalletDropdown/DefaultMenu.tsx

@@ -20,6 +20,10 @@ const ConnectButton = styled(ButtonPrimary)`
   font-size: 16px;
   margin-left: auto;
   margin-right: auto;
+
+  @media only screen and (max-width: ${({ theme }) => `${theme.breakpoint.sm}px`}) {
+    width: 100%;
+  }
 `
 
 const Divider = styled.div`

src/components/WalletDropdown/SlideOutMenu.tsx

@@ -67,7 +67,7 @@ const StyledChevron = styled(ChevronLeft)`
 const BackSection = styled.div`
   position: absolute;
   background-color: ${({ theme }) => theme.backgroundSurface};
-  width: 100%;
+  width: 99%;
   padding: 0 16px 16px 16px;
   color: ${({ theme }) => theme.textSecondary};
   cursor: default;

src/components/WalletDropdown/index.tsx

@@ -24,6 +24,9 @@ const WalletWrapper = styled.div`
 
   @media only screen and (max-width: ${({ theme }) => `${theme.breakpoint.sm}px`}) {
     width: 100%;
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+    box-shadow: unset;
   }
 `