diff --git a/docs/components/home/flows/Intro.vue b/docs/components/home/flows/Intro.vue
index 0c6107c3..90ab598b 100644
--- a/docs/components/home/flows/Intro.vue
+++ b/docs/components/home/flows/Intro.vue
@@ -189,7 +189,7 @@ function scrollTo() {
 </script>
 
 <template>
-  <VueFlow ref="el">
+  <VueFlow ref="el" :style="{ opacity: !!currentBreakpoint ? 1 : 0 }">
     <Background id="dots" pattern-color="#aaa" :size="0.75" :gap="25" />
     <Background id="lines" variant="lines" :pattern-color="isDark ? '#fff' : '#000'" :size="1" :gap="100" />