diff --git a/frontend/src/pages/landing/Landing.jsx b/frontend/src/pages/landing/Landing.jsx
index ea742403..93879cb1 100644
--- a/frontend/src/pages/landing/Landing.jsx
+++ b/frontend/src/pages/landing/Landing.jsx
@@ -118,8 +118,8 @@ function NewLanding() {
               </Button>
             </Col>
           </Row>
-          <Row className="d-lg-inline-flex mb-5 my-lg-5 background-dark">
-            <div className="d-lg-flex py-5 justify-content-between px-5">
+          <Row className="d-lg-inline-flex mb-5 my-lg-5 background-dark align-items-center">
+            <div className="d-lg-flex py-5 py-xl-4 py-lg-1 px-lg-1 justify-content-between px-5">
               <Col
                 as="figure"
                 className="col-12 d-flex flex-row gap-4 align-items-center col-lg-3 mb-4 mb-lg-0"
diff --git a/frontend/src/pages/landing/landing.scss b/frontend/src/pages/landing/landing.scss
index 5f78b917..f36e42a1 100644
--- a/frontend/src/pages/landing/landing.scss
+++ b/frontend/src/pages/landing/landing.scss
@@ -139,9 +139,6 @@
             z-index: -1;
         }
     }
-    .background-dark {
-        color: black;
-    }
     .possibilities-background {
         position: relative;
         &::before {
@@ -159,3 +156,9 @@
         }
     }
 }
+
+@media (max-width: 991px) {
+    .background-dark {
+        color: black;
+    }
+}