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