diff --git a/web/src/app.css b/web/src/app.css
index 81b58580af..54cd03b89d 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -132,4 +132,8 @@ input:focus-visible {
     display: none;
     scrollbar-width: none;
   }
+
+  .scrollbar-stable {
+    scrollbar-gutter: stable both-edges;
+  }
 }
diff --git a/web/src/lib/components/layouts/user-page-layout.svelte b/web/src/lib/components/layouts/user-page-layout.svelte
index 8e1a6ebe75..e95258127f 100644
--- a/web/src/lib/components/layouts/user-page-layout.svelte
+++ b/web/src/lib/components/layouts/user-page-layout.svelte
@@ -42,7 +42,7 @@
       </div>
     {/if}
 
-    <div class="{scrollbarClass} absolute {hasTitleClass} w-full overflow-y-auto">
+    <div class="{scrollbarClass} scrollbar-stable absolute {hasTitleClass} w-full overflow-y-auto">
       <slot />
     </div>
   </section>