diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
index 2f2611b..14504bd 100644
--- a/src/layouts/MainLayout.astro
+++ b/src/layouts/MainLayout.astro
@@ -6,7 +6,7 @@ import "../styles/global.css";
 const { title } = Astro.props;
 ---
 
-<html lang="en">
+<html lang="en" class="scroll-smooth">
     <BaseHead title={title} />
     <body class="font-primary">
         <article>
