diff --git a/.changeset/breezy-monkeys-act.md b/.changeset/breezy-monkeys-act.md
new file mode 100644
index 00000000..641c6556
--- /dev/null
+++ b/.changeset/breezy-monkeys-act.md
@@ -0,0 +1,5 @@
+---
+'@reuters-graphics/graphics-components': patch
+---
+
+Removes dev from $app/environment
diff --git a/src/components/ScrollerVideo/ScrollerVideo.svelte b/src/components/ScrollerVideo/ScrollerVideo.svelte
index 764dee7b..3c1da955 100644
--- a/src/components/ScrollerVideo/ScrollerVideo.svelte
+++ b/src/components/ScrollerVideo/ScrollerVideo.svelte
@@ -4,7 +4,6 @@
   import Debug from './Debug.svelte';
   import type { Snippet } from 'svelte';
   import { setContext } from 'svelte';
-  import { dev } from '$app/environment';
   import { Tween } from 'svelte/motion';
 
   interface Props {
@@ -232,7 +231,7 @@
 <!-- renders Debug component and children foregrounds -->
 {#snippet supportingElements()}
   {#if scrollerVideo}
-    {#if showDebugInfo && dev}
+    {#if showDebugInfo}
       <div class="debug-info">
         <Debug componentState={scrollerVideo.componentState} />
       </div>