diff --git a/app/components/Hero/Hero.css b/app/components/Hero/Hero.css
index cfd22c9..2438461 100644
--- a/app/components/Hero/Hero.css
+++ b/app/components/Hero/Hero.css
@@ -148,4 +148,23 @@
   .hero-buttons {
     margin: 0 auto;
   }
+}
+/* moblie spacing improvements for hero section */
+@media (max-width: 768px) {
+  .hero-content {
+    padding: 1.5rem 1rem;
+  }
+
+  .hero-content h1 {
+    margin-bottom: 1rem;
+  }
+
+  .hero-content p {
+    margin-bottom: 1rem;
+  }
+
+  .hero-buttons {
+    margin-top: 1rem;
+    gap:0.75rem;
+  }
 }
\ No newline at end of file