fix overflow on mobile (#2037)

f9de8525 · Justin Domingue · GitHub · a186833b · f9de8525
Commit f9de8525 authored Jul 13, 2021 by Justin Domingue Committed by GitHub Jul 13, 2021
Hide whitespace changes
Inline Side-by-side

Showing with 1 addition and 1 deletion

index.tsx src/components/LiquidityChartRangeInput/index.tsx +1 -1

No files found.
--- a/src/components/LiquidityChartRangeInput/index.tsx
+++ b/src/components/LiquidityChartRangeInput/index.tsx
@@ -51,7 +51,7 @@ function InfoBox({ message, icon }: { message?: ReactNode; icon: ReactNode }) {
    <ColumnCenter style={{ height: '100%', justifyContent: 'center' }}>
      {icon}
      {message && (
-        <TYPE.mediumHeader padding={10} marginTop="20px">
+        <TYPE.mediumHeader padding={10} marginTop="20px" textAlign="center">
          {message}
        </TYPE.mediumHeader>
      )}