fix: use flex to handle wallet name lengths

rainbow-me · Apr 23, 2024 · f648349 · f648349
1 parent 00bab3b
commit f648349
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/entries/popup/pages/messages/BottomActions/index.tsx b/src/entries/popup/pages/messages/BottomActions/index.tsx
@@ -50,7 +50,6 @@ export const WalletName = ({
  color="label"
  size="14pt"
  weight="semibold"
- maxWidth={130}
  // eslint-disable-next-line react/jsx-props-no-spreading
  {...props}
  >
@@ -202,7 +201,14 @@ export const BottomSwitchWallet = ({
  size={18}
  emojiSize={'12pt'}
  />
- <WalletName color="label" address={wallet as Address} />
+ <Box
+ style={{
+ flex: 1,
+ display: 'flex',
+ }}
+ >
+ <WalletName color="label" address={wallet as Address} />
+ </Box>
  </Inline>
  </Box>
  )}