diff --git a/src/components/BlogContainer.astro b/src/components/BlogContainer.astro
index 451c419..b29030a 100644
--- a/src/components/BlogContainer.astro
+++ b/src/components/BlogContainer.astro
@@ -18,7 +18,7 @@ const { title, description } = Astro.props;
 	</head>
 	<body>
         <section class="mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-2xl xl:px-0">
-            <div class="flex flex-col h-screen">
+            <div class="flex flex-col h-screen scrollbar-gutter-stable">
                 <BlogHeader title={SITE_TITLE} />
                 <slot class="flex-1"/>
             </div>
diff --git a/src/components/SectionContainer.astro b/src/components/SectionContainer.astro
index 680f2a0..05c4623 100644
--- a/src/components/SectionContainer.astro
+++ b/src/components/SectionContainer.astro
@@ -18,7 +18,7 @@ const { title, description } = Astro.props;
     </head>
 	<body>
         <section class="mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-2xl xl:px-0">
-            <div class="flex flex-col h-screen">
+            <div class="flex flex-col h-screen scrollbar-gutter-stable">
                 <Header title={SITE_TITLE} />
 
                 <slot class="flex-1"/>
