Adjust styles for LineSeparator component on Airdrops page

src/pages/Airdrops/AirdropsClaim/airdrops-claim-styles.ts

@@ -298,4 +298,19 @@ export const InfoBox = styled(Flex)`
     padding: 16px;
     border: solid 1px ${theme.color.darkBlue}; 
   } 
+`
+
+export const LineSeparator = styled(Flex)`
+  @media (min-width: ${theme.breakpoints.sm}) {
+    height: 0;
+    width: 100%;
+    position: absolute;
+    top: ${theme.headerSize.height};
+    left: 0;
+    border-bottom: 1px solid ${theme.color.darkBlue};
+  }
+
+  @media (min-width: ${theme.breakpoints.lg}) {
+    display: none;
+  }
 `

src/pages/Airdrops/AirdropsClaim/index.tsx

@@ -14,14 +14,14 @@ import {
   GradientText,
   HandImg,
   InfoBox,
+  LineSeparator,
   MainBgImg,
   ShareOnXbutton,
 } from "./airdrops-claim-styles";
 import theme from "../../../theme";
 import LogoImg from "../../../assets/images/overlay-logo-only-no-background.png";
 import {
   GradientLink,
-  LineSeparator,
   StyledLink,
 } from "../EligibilityChecker/eligibility-checker-styles";
 import Xlogo from "../../../assets/images/airdrops/socials-x.png";

src/pages/Airdrops/EligibilityChecker/eligibility-checker-styles.ts

@@ -13,6 +13,11 @@ export const LineSeparator = styled(Flex)`
     border-bottom: 1px solid ${theme.color.darkBlue};
   }
 
+  @media (min-width: ${theme.breakpoints.md}) {
+    width: calc(100% - ${theme.headerSize.width});
+    left: ${theme.headerSize.width};    
+  }
+
   @media (min-width: ${theme.breakpoints.lg}) {
     display: none;
   }