[BX-1423] fix: set max width on app connection wallet switcher names (#…

…1507)
rainbow-me · Apr 30, 2024 · 1f33946 · 1f33946
1 parent 38d16bf
commit 1f33946
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/entries/popup/pages/messages/BottomActions/index.tsx b/src/entries/popup/pages/messages/BottomActions/index.tsx
@@ -46,8 +46,13 @@ export const WalletName = ({
 }: { address: Address } & Partial<TextProps>) => {
   const { displayName } = useWalletInfo({ address });
   return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    <TextOverflow color="label" size="14pt" weight="semibold" {...props}>
+    <TextOverflow
+      color="label"
+      size="14pt"
+      weight="semibold"
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      {...props}
+    >
       {displayName}
     </TextOverflow>
   );
@@ -190,7 +195,7 @@ export const BottomSwitchWallet = ({
         }
         renderMenuItem={(wallet, i) => (
           <Box testId={`switch-wallet-item-${i}`}>
-            <Inline space="8px" alignVertical="center">
+            <Inline space="8px" alignVertical="center" wrap={false}>
               <WalletAvatar
                 addressOrName={wallet as Address}
                 size={18}