Merge pull request #339 from reservoirprotocol/ted/relay-6170-token-s…

…elector-overflow Fix token selector trigger overflow
reservoirprotocol · Oct 30, 2024 · 0004bc1 · 0004bc1
2 parents f99eadf + 40aece0
commit 0004bc1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/nasty-months-listen.md b/.changeset/nasty-months-listen.md
@@ -0,0 +1,5 @@
+---
+'@reservoir0x/relay-kit-ui': patch
+---
+
+Fix token selector trigger overflow
diff --git a/packages/ui/src/components/common/TokenSelector/triggers/SwapWidgetTokenTrigger.tsx b/packages/ui/src/components/common/TokenSelector/triggers/SwapWidgetTokenTrigger.tsx
@@ -70,7 +70,7 @@ export const SwapWidgetTokenTrigger: FC<SwapWidgetTokenTriggerProps> = ({
             <FontAwesomeIcon icon={faCoins} width={12} height={12} />
           </Box>
         )}
-        <Text style="subtitle1" ellipsify>
+        <Text style="subtitle1" ellipsify css={{ maxWidth: 100 }}>
           {token.symbol}
         </Text>
       </Flex>