diff --git a/src/components/ScrollyVideo/ScrollyVideo.stories.svelte b/src/components/ScrollyVideo/ScrollyVideo.stories.svelte
index cce6ced2..f8dd84c1 100644
--- a/src/components/ScrollyVideo/ScrollyVideo.stories.svelte
+++ b/src/components/ScrollyVideo/ScrollyVideo.stories.svelte
@@ -134,17 +134,17 @@
   {#if width < 600}
     <ScrollyVideo
       {...args}
-      src={'src/components/ScrollyVideo/videos/v_9_16.mp4'}
+      src={'./src/components/ScrollyVideo/videos/v_9_16.mp4'}
     />
   {:else if width < 1200}
     <ScrollyVideo
       {...args}
-      src={'src/components/ScrollyVideo/videos/v_1_1.mp4'}
+      src={'./src/components/ScrollyVideo/videos/v_1_1.mp4'}
     />
   {:else}
     <ScrollyVideo
       {...args}
-      src={'src/components/ScrollyVideo/videos/v_16_9.mp4'}
+      src={'./src/components/ScrollyVideo/videos/v_16_9.mp4'}
     />
   {/if}
 </Story>
@@ -152,7 +152,7 @@
 <Story name="Autoplay" {args}>
   <ScrollyVideo
     {...args}
-    src={'src/components/ScrollyVideo/videos/goldengate.mp4'}
+    src={'./src/components/ScrollyVideo/videos/goldengate.mp4'}
     autoplay={true}
   />
 </Story>
diff --git a/src/components/ScrollyVideo/demo/WithScrollerBase.svelte b/src/components/ScrollyVideo/demo/WithScrollerBase.svelte
index 11a99c71..80718878 100644
--- a/src/components/ScrollyVideo/demo/WithScrollerBase.svelte
+++ b/src/components/ScrollyVideo/demo/WithScrollerBase.svelte
@@ -43,7 +43,7 @@
       </div>
 
       <ScrollyVideo
-        src={`src/components/ScrollyVideo/videos/goldengate.mp4`}
+        src={`../videos/goldengate.mp4`}
         height="100svh"
         trackScroll={false}
         videoPercentage={progress}