From bd7c681ee2541091e6082985e9ed54687c966a14 Mon Sep 17 00:00:00 2001
From: Sudev Kiyada <sudev.kiyada@thomsonreuters.com>
Date: Thu, 8 Jan 2026 09:00:46 +0530
Subject: [PATCH] bump up the width for first two stories

---
 src/components/HorizontalScroller/HorizontalScroller.svelte     | 2 +-
 src/components/HorizontalScroller/demo/DemoSnippet.svelte       | 2 +-
 src/components/HorizontalScroller/demo/ScrollableGraphic.svelte | 2 +-
 src/components/HorizontalScroller/{utils.ts => utils/index.ts}  | 0
 4 files changed, 3 insertions(+), 3 deletions(-)
 rename src/components/HorizontalScroller/{utils.ts => utils/index.ts} (100%)

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