diff --git a/src/components/banner.tsx b/src/components/Banner_temp.tsx
similarity index 99%
rename from src/components/banner.tsx
rename to src/components/Banner_temp.tsx
index d3e3abf..16e6fe8 100644
--- a/src/components/banner.tsx
+++ b/src/components/Banner_temp.tsx
@@ -113,7 +113,7 @@ export default function Banner({
     }, [location.pathname, navItems]);
 
     const heroContent = (
-        <div className={styles.heroContent} style={{ gap: "30px" }}>
+        <div className={styles.heroContent} style={{ gap: "1.875rem" }}>
             <ScrollReveal preset="slideUp">
                 <h1 className={`${styles.heroTitle} ${titleSize === "medium" ? styles.heroTitleMedium : ""}`}>{title}</h1>
             </ScrollReveal>