diff --git a/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css b/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css
index 60ac2c9..72d6d6b 100644
--- a/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css
+++ b/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css
@@ -10,13 +10,13 @@
 }
 
 .hero-section h1 {
-  color: var(--dark-color);
+  color: var(--light-color);
   font-size: 48px;
   font-weight: 900;
 }
 
 .hero-section h4 {
-  color: var(--dark-color);
+  color: var(--light-color);
   font-size: 22px;
   font-weight: 300;
   text-align: center;
@@ -63,4 +63,4 @@
     font-size: 16px;
     padding: 0px 2rem;
   }
-}
+}
\ No newline at end of file