diff --git a/src/components/landing/hero/Hero.tsx b/src/components/landing/hero/Hero.tsx
index f5844b7..c6d9b2e 100644
--- a/src/components/landing/hero/Hero.tsx
+++ b/src/components/landing/hero/Hero.tsx
@@ -12,7 +12,7 @@ import {
 
 // import { motion } from "framer-motion";
 
-import { imageStyle, MIN_HEIGHT } from "../../../styles/shared";
+import { HEADER_HEIGHT, imageStyle, MIN_HEIGHT } from "../../../styles/shared";
 import { ApplyButton } from "../../shared/ApplyButton";
 import { LearnMoreButton } from "../../shared/LearnMoreButton";
 import hero from "/public/hero.webp";
@@ -32,6 +32,7 @@ export const Hero = () => {
         sx={{
           flexDirection: { base: "column-reverse", lg: "row" },
           justifyContent: { base: "center", lg: "space-between" },
+          marginTop: { base: HEADER_HEIGHT, lg: "unset" },
         }}
       >
         <Stack