fix: fix popover text css

MetaMask · Sep 18, 2024 · 5e720c6 · 5e720c6
1 parent 9fe85dd
commit 5e720c6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 12 deletions.
diff --git a/ui/components/app/wallet-overview/coin-overview.tsx b/ui/components/app/wallet-overview/coin-overview.tsx
@@ -17,6 +17,7 @@ import {
 } from '../../component-library';
 import {
   AlignItems,
+  BlockSize,
   Display,
   JustifyContent,
   TextAlign,
@@ -251,6 +252,7 @@ export const CoinOverview = ({
                       flip
                       data-theme={theme === 'light' ? 'dark' : 'light'}
                       className="balance-popover__container"
+                      width={BlockSize.Full}
                       padding={3}
                       onClickOutside={handleClick}
                       onPressEscKey={handleClick}
@@ -265,7 +267,6 @@ export const CoinOverview = ({
                             variant={TextVariant.bodySmBold}
                             textAlign={TextAlign.Left}
                             alignItems={AlignItems.flexStart}
-                            className="balance-popover__text"
                           >
                             {t('yourBalanceIsAggregated')}
                           </Text>
@@ -278,10 +279,7 @@ export const CoinOverview = ({
                           />
                         </Box>
 
-                        <Text
-                          variant={TextVariant.bodySm}
-                          className="balance-popover__text"
-                        >
+                        <Text variant={TextVariant.bodySm}>
                           {
                             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                             // @ts-ignore: Expected 0-1 arguments, but got 2.

diff --git a/ui/components/app/wallet-overview/index.scss b/ui/components/app/wallet-overview/index.scss
@@ -157,14 +157,7 @@
 }
 
 .balance-popover {
-  &__text {
-    font-size: 12px;
-    line-height: 20px;
-    letter-spacing: 0.25px;
-  }
-
   &__container {
-    width: 248px !important;
     z-index: design-system.$modal-z-index;
   }
 }