diff --git a/src/components/HorizontalScroller/HorizontalScroller.svelte b/src/components/HorizontalScroller/HorizontalScroller.svelte
index 939f3ea0..b58e342a 100644
--- a/src/components/HorizontalScroller/HorizontalScroller.svelte
+++ b/src/components/HorizontalScroller/HorizontalScroller.svelte
@@ -2,7 +2,7 @@
   import { type Snippet } from 'svelte';
   import { Tween } from 'svelte/motion';
   import type { Action } from 'svelte/action';
-  import { clamp, map } from './utils';
+  import { clamp, map } from './utils/index';
   import Debug from './Debug.svelte';
 
   interface Props {
diff --git a/src/components/HorizontalScroller/demo/DemoSnippet.svelte b/src/components/HorizontalScroller/demo/DemoSnippet.svelte
index eea00ad1..c4defbda 100644
--- a/src/components/HorizontalScroller/demo/DemoSnippet.svelte
+++ b/src/components/HorizontalScroller/demo/DemoSnippet.svelte
@@ -1,4 +1,4 @@
-<div style="width: 200vw; height: 100lvh;">
+<div style="width: 400vw; height: 100lvh;">
   <img
     src="https://picsum.photos/1200/640?t=1"
     alt="Sample"
diff --git a/src/components/HorizontalScroller/demo/ScrollableGraphic.svelte b/src/components/HorizontalScroller/demo/ScrollableGraphic.svelte
index 095118fe..35f91a18 100644
--- a/src/components/HorizontalScroller/demo/ScrollableGraphic.svelte
+++ b/src/components/HorizontalScroller/demo/ScrollableGraphic.svelte
@@ -2,7 +2,7 @@
   import Demo from './graphic/ai2svelte/demo.svelte';
   import BodyText from '../../BodyText/BodyText.svelte';
   import HorizontalScroller from '../HorizontalScroller.svelte';
-  import { map } from '../utils';
+  import { map } from '../utils/index';
   import { sineInOut } from 'svelte/easing';
 
   const foobarText: string =
diff --git a/src/components/HorizontalScroller/utils.ts b/src/components/HorizontalScroller/utils/index.ts
similarity index 100%
rename from src/components/HorizontalScroller/utils.ts
rename to src/components/HorizontalScroller/utils/index.ts