diff --git a/src/components/Swap/Toolbar/Caption.tsx b/src/components/Swap/Toolbar/Caption.tsx index ada8c8abd..56cbb176e 100644 --- a/src/components/Swap/Toolbar/Caption.tsx +++ b/src/components/Swap/Toolbar/Caption.tsx @@ -28,7 +28,9 @@ function Caption({ icon: Icon = AlertTriangle, caption }: CaptionProps) { return ( <> - {caption} + + {caption} + ) } diff --git a/src/components/Swap/Toolbar/index.tsx b/src/components/Swap/Toolbar/index.tsx index 8892884f5..346e6bbbf 100644 --- a/src/components/Swap/Toolbar/index.tsx +++ b/src/components/Swap/Toolbar/index.tsx @@ -86,7 +86,7 @@ export default memo(function Toolbar() { ]) return ( - + {caption} ) diff --git a/src/components/TokenSelect/TokenButton.tsx b/src/components/TokenSelect/TokenButton.tsx index dab4910d7..63aa9858f 100644 --- a/src/components/TokenSelect/TokenButton.tsx +++ b/src/components/TokenSelect/TokenButton.tsx @@ -23,7 +23,7 @@ const StyledTokenButton = styled(Button)` ` const TokenButtonRow = styled(Row)<{ empty: boolean }>` - float: right; + flex-direction: row; height: 1.2em; max-width: 12em; overflow: hidden; @@ -73,17 +73,19 @@ export default function TokenButton({ value, disabled, onClick }: TokenButtonPro > {value ? ( <> - {value.symbol} + {value.symbol} ) : ( Select a token