From bfe3449eec2b218f579ad0b2ee779dd2b01cb8a8 Mon Sep 17 00:00:00 2001
From: rawasabi <102771198+rawasabi@users.noreply.github.com>
Date: Sat, 17 Sep 2022 14:14:23 -0700
Subject: [PATCH] Fix pool cards width (#262)

* update pool cards grid to 3 columns maximum

* fix rewards spacing
---
 features/liquidity/components/PoolCard.tsx | 2 +-
 pages/pools/index.tsx                      | 6 +-----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/features/liquidity/components/PoolCard.tsx b/features/liquidity/components/PoolCard.tsx
index ca9ee539..4ceef510 100644
--- a/features/liquidity/components/PoolCard.tsx
+++ b/features/liquidity/components/PoolCard.tsx
@@ -123,7 +123,7 @@ export const PoolCard = ({
                 <Text variant="legend" color="secondary" align="center">
                   Rewards
                 </Text>
-                <StyledDivForTokenLogos css={{ paddingTop: '0' }}>
+                <StyledDivForTokenLogos css={{ padding: '$1' }}>
                   {rewardsTokens.map((token) => (
                     <ImageForTokenLogo
                       key={token.symbol}
diff --git a/pages/pools/index.tsx b/pages/pools/index.tsx
index 4b6b1c46..d9236e93 100644
--- a/pages/pools/index.tsx
+++ b/pages/pools/index.tsx
@@ -197,14 +197,10 @@ const useSortControllers = () => {
 
 const StyledDivForPoolsGrid = styled('div', {
   display: 'grid',
-  gridTemplateColumns: '1fr 1fr 1fr 1fr',
+  gridTemplateColumns: '1fr 1fr 1fr',
   columnGap: '$8',
   rowGap: '$8',
 
-  '@media (max-width: 1550px)': {
-    gridTemplateColumns: '1fr 1fr 1fr',
-  },
-
   '@media (max-width: 1360px)': {
     gridTemplateColumns: '1fr 1fr',
     columnGap: '$10',