fix: token img overflow (#3517)

2022-03-15 06:01:32 -07:00 · 2022-03-15 06:01:32 -07:00 · 4dd74f2144
commit 4dd74f2144
parent e45c104135
1 changed files with 5 additions and 0 deletions
--- a/src/lib/components/TokenSelect/TokenButton.tsx
+++ b/src/lib/components/TokenSelect/TokenButton.tsx
@ -24,7 +24,12 @@ const TokenButtonRow = styled(Row)<{ collapsed: boolean }>`
  height: 1.2em;
  // max-width must have an absolute value in order to transition.
  max-width: ${({ collapsed }) => (collapsed ? '1.2em' : '12em')};
+  overflow: hidden;
  transition: max-width 0.25s linear;
+
+  img {
+    min-width: 1.2em;
+  }
 `

 interface TokenButtonProps {