Fix #798

src/components/CurrencyInputPanel/index.tsx

@@ -223,11 +223,11 @@ export default function CurrencyInputPanel({
                 <TokenLogo address={token?.address} size={'24px'} />
               ) : null}
               {isExchange ? (
-                <StyledTokenName className="token-name-container">
+                <StyledTokenName className="pair-name-container">
                   {pair?.token0.symbol}:{pair?.token1.symbol}
                 </StyledTokenName>
               ) : (
-                <StyledTokenName active={Boolean(token && token.symbol)}>
+                <StyledTokenName className="token-symbol-container" active={Boolean(token && token.symbol)}>
                   {(token && token.symbol && token.symbol.length > 20
                     ? token.symbol.slice(0, 4) +
                       '...' +

src/pages/Pool/RemoveLiquidity.tsx

@@ -548,8 +548,8 @@ export default function RemoveLiquidity({ token0, token1 }: { token0: string; to
             Price
           </Text>
           <Text fontWeight={500} fontSize={16} color={theme.text1}>
-            {`1 ${tokens[Field.TOKEN0]?.symbol} = ${route?.midPrice && route.midPrice.adjusted.toSignificant(6)} ${
-              tokens[Field.TOKEN1]?.symbol
+            {`1 ${tokens[Field.TOKEN1]?.symbol} = ${route?.midPrice && route.midPrice.adjusted.toSignificant(6)} ${
+              tokens[Field.TOKEN0]?.symbol
             }`}
           </Text>
         </RowBetween>