diff --git a/docs/components/home/Home.vue b/docs/components/home/Home.vue
index 36c78613..58f12bee 100644
--- a/docs/components/home/Home.vue
+++ b/docs/components/home/Home.vue
@@ -17,7 +17,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="relative h-[calc(100vh-var(--vp-nav-height))] lg:h-[calc(100vh-var(--vp-nav-height)-176px)]">
+  <div class="relative min-h-250 h-[calc(100vh-var(--vp-nav-height))] lg:h-[calc(100vh-var(--vp-nav-height)-176px)]">
     <Intro />
   </div>
 </template>
diff --git a/docs/components/home/flows/Intro.vue b/docs/components/home/flows/Intro.vue
index f7c3e2ce..abd4b481 100644
--- a/docs/components/home/flows/Intro.vue
+++ b/docs/components/home/flows/Intro.vue
@@ -175,7 +175,7 @@ const setElements = useDebounceFn(() => {
   nextTick(() => {
     updateNodeInternals()
   })
-}, 1)
+}, 50)
 
 onMounted(() => {
   watch(dimensions, setElements, { deep: true, immediate: true })
@@ -197,7 +197,7 @@ function scrollTo() {
 
     <template #node-box="props">
       <template v-if="props.id === 'intro'">
-        <div class="box max-w-100 md:max-w-125">
+        <div class="box max-w-75 md:max-w-125">
           <div class="intro px-4 py-2 shadow-lg rounded-md border-2 border-solid border-black">
             <div class="font-mono flex flex-col gap-4 p-4 items-center text-center">
               <h1 class="text-2xl lg:text-4xl !my-0 !pt-0 font-bold">Vue Flow</h1>