fix: center TimeButton in PriceChart (#4738)

0f6a675d · vignesh mohankumar · GitHub · ec3552bb · 0f6a675d
Commit 0f6a675d authored Sep 28, 2022 by vignesh mohankumar Committed by GitHub Sep 28, 2022
Hide whitespace changes
Inline Side-by-side

Showing with 2 additions and 0 deletions

PriceChart.tsx src/components/Tokens/TokenDetails/PriceChart.tsx +2 -0

No files found.
--- a/src/components/Tokens/TokenDetails/PriceChart.tsx
+++ b/src/components/Tokens/TokenDetails/PriceChart.tsx
@@ -106,6 +106,8 @@ export const TimeOptionsContainer = styled.div`
  width: fit-content;
 `
 const TimeButton = styled.button<{ active: boolean }>`
+  display: flex;
+  align-items: center;
  background-color: ${({ theme, active }) => (active ? theme.backgroundInteractive : 'transparent')};
  font-weight: 600;
  font-size: 16px;