diff --git a/src/app/page.tsx b/src/app/page.tsx
index fe9757d..7218406 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MediaAbout from '@/components/sections/about/MediaAbout';
@@ -110,7 +110,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
+      <div id="metrics" data-section="metrics" className="mt-20">
         <MetricCardThree
           title="Our Legacy of Strength"
           description="Decades of unwavering commitment to protecting homes, one roof at a time, backed by solid numbers."
@@ -216,4 +216,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}