diff --git a/frontend/src/components/OscilloscopeDisplay.astro b/frontend/src/components/OscilloscopeDisplay.astro
index a1d86d7..f6fa11f 100644
--- a/frontend/src/components/OscilloscopeDisplay.astro
+++ b/frontend/src/components/OscilloscopeDisplay.astro
@@ -599,3 +599,7 @@
   // Re-init on Astro page transitions
   document.addEventListener('astro:page-load', initAll);
 </script>
+
+<style is:global>
+  @import '../styles/oscilloscope.css';
+</style>
diff --git a/frontend/src/pages/index.astro b/frontend/src/pages/index.astro
index 034b249..010d090 100644
--- a/frontend/src/pages/index.astro
+++ b/frontend/src/pages/index.astro
@@ -24,7 +24,6 @@ try {
 >
   <style>
     @import '../styles/homepage.css';
-    @import '../styles/oscilloscope.css';
   </style>
 
   <!-- Hero: Split layout — text left, animated scope visual right -->