diff --git a/src/components/ScrollerBase/ScrollerBase.svelte b/src/components/ScrollerBase/ScrollerBase.svelte
index 21c2d9f9..13a8c112 100644
--- a/src/components/ScrollerBase/ScrollerBase.svelte
+++ b/src/components/ScrollerBase/ScrollerBase.svelte
@@ -133,7 +133,7 @@
   let wh = $state(0);
   let fixed = $state(false);
   let offset_top = 0;
-  let width = 1;
+  let width = $state(1);
 
   let top_px = $derived(Math.round(top * wh));
   let bottom_px = $derived(Math.round(bottom * wh));
diff --git a/src/components/ScrollerBase/demo/ScrollerDemo.svelte b/src/components/ScrollerBase/demo/ScrollerDemo.svelte
index 34f4383c..485f6850 100644
--- a/src/components/ScrollerBase/demo/ScrollerDemo.svelte
+++ b/src/components/ScrollerBase/demo/ScrollerDemo.svelte
@@ -63,8 +63,9 @@
   @use '../../../scss/mixins' as mixins;
 
   .scroller-demo-container {
-    width: mixins.$column-width-normal;
+    max-width: mixins.$column-width-normal;
     margin: auto;
+    background: #c5dfe8;
   }
 
   .step-foreground-container {