mobile responsive small fix (#278)

jediswaplabs · Mar 11, 2024 · 08191f7 · 08191f7
1 parent a804ae0
commit 08191f7
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/pages/Rewards/index.tsx b/src/pages/Rewards/index.tsx
@@ -216,6 +216,13 @@ const DefiSpringTitle = styled.div`
   margin-bottom: 32px;
 `
 
+const DefiSpringTitleEarn = styled(DefiSpringTitle)`
+  @media (max-width: 768px) {
+    font-size: 16px;
+    margin-bottom: 0;
+  }
+`
+
 const DefiSpringSubTitle = styled.div`
   display: flex; /* Establishes a flex container */
   align-items: center; /* Centers the content vertically */
@@ -656,7 +663,9 @@ export default function Rewards() {
                 </DefiSpringWrapper>
               </FirstColumn>
               <MobileWrapper>
-                <DefiSpringTitle>Earn STRK incentives by providing liquidity to these pools:</DefiSpringTitle>
+                <DefiSpringWrapper>
+                  <DefiSpringTitleEarn>Earn STRK incentives by providing liquidity to these pools:</DefiSpringTitleEarn>
+                </DefiSpringWrapper>
                 <Container>
                   <RowWrapper>
                     {pairsData.map(pair => (