fix(wallet): Portfolio Banner Padding

brave · Apr 27, 2023 · 857034c · 857034c
1 parent 839d3e8
commit 857034c
Showing 1 changed file with 18 additions and 4 deletions.
diff --git a/components/brave_wallet_ui/components/desktop/views/crypto/index.tsx b/components/brave_wallet_ui/components/desktop/views/crypto/index.tsx
@@ -47,7 +47,10 @@ import { LocalIpfsNodeScreen } from '../../local-ipfs-node/local-ipfs-node'
 import { InspectNftsScreen } from '../../inspect-nfts/inspect-nfts'
 import { WalletPageActions } from '../../../../page/actions'
 import { useNftPin } from '../../../../common/hooks/nft-pin'
-import { BannerWrapper } from '../../../shared/style'
+import {
+  BannerWrapper,
+  Column
+} from '../../../shared/style'
 import { NftIpfsBanner } from '../../nft-ipfs-banner/nft-ipfs-banner'
 import { useSafeWalletSelector } from '../../../../common/hooks/use-safe-selector'
 import { WalletSelectors } from '../../../../common/selectors'
@@ -200,7 +203,13 @@ const CryptoView = (props: Props) => {
       <Switch>
         {/* Portfolio */}
         <Route path={WalletRoutes.AddAssetModal} exact>{/* Show portfolio overview in background */}
-          {banners}
+          <Column
+            fullWidth={true}
+            padding='20px 20px 0px 20px'
+          >
+            {banners}
+            {ipfsBanner}
+          </Column>
           <PortfolioOverview />
         </Route>
 
@@ -209,8 +218,13 @@ const CryptoView = (props: Props) => {
         </Route>
 
         <Route path={WalletRoutes.Portfolio}>
-          {banners}
-          {ipfsBanner}
+          <Column
+            fullWidth={true}
+            padding='20px 20px 0px 20px'
+          >
+            {banners}
+            {ipfsBanner}
+          </Column>
           <PortfolioOverview />
         </Route>