diff --git a/packages/rolldown/src/app/components/flowmap/PluginFlow.vue b/packages/rolldown/src/app/components/flowmap/PluginFlow.vue
index 2efcfbf8..579948ff 100644
--- a/packages/rolldown/src/app/components/flowmap/PluginFlow.vue
+++ b/packages/rolldown/src/app/components/flowmap/PluginFlow.vue
@@ -100,7 +100,7 @@ function toggleShowType() {
 <template>
   <div class="p2 h-full w-full">
     <div class="flex border border-base rounded-2 h-full relative of-hidden">
-      <div v-if="expanded" class="of-hidden border-r border-base shrink-0">
+      <div v-if="expanded" class="of-hidden border-r border-base shrink-0 h-full min-h-0 flex flex-col">
         <FlowmapPluginFlowTimeline
           :session="session"
           :build-metrics="buildMetrics"
diff --git a/packages/rolldown/src/app/components/flowmap/PluginFlowTimeline.vue b/packages/rolldown/src/app/components/flowmap/PluginFlowTimeline.vue
index 12e43d31..dc13ee67 100644
--- a/packages/rolldown/src/app/components/flowmap/PluginFlowTimeline.vue
+++ b/packages/rolldown/src/app/components/flowmap/PluginFlowTimeline.vue
@@ -51,9 +51,9 @@ const endTime = computed(() => {
 </script>
 
 <template>
-  <div class="flex flex-col">
+  <div class="flex flex-col h-full min-h-0">
     <slot name="header" />
-    <div class="select-none h-full of-auto ws-nowrap w-auto of-visible p4 flex flex-col">
+    <div class="select-none flex-1 min-h-0 of-x-hidden of-y-auto ws-nowrap w-auto p4 flex flex-col" style="scrollbar-gutter: stable">
       <div class="flex">
         <FlowmapNode
           :active="false"
diff --git a/packages/vite/src/app/components/flowmap/PluginFlow.vue b/packages/vite/src/app/components/flowmap/PluginFlow.vue
index e5ed4cfd..4b4a2f6d 100644
--- a/packages/vite/src/app/components/flowmap/PluginFlow.vue
+++ b/packages/vite/src/app/components/flowmap/PluginFlow.vue
@@ -102,7 +102,7 @@ function toggleShowType() {
 <template>
   <div class="p2 h-full w-full">
     <div class="flex border border-base rounded-2 h-full relative of-hidden">
-      <div v-if="expanded" class="of-hidden border-r border-base shrink-0">
+      <div v-if="expanded" class="of-hidden border-r border-base shrink-0 h-full min-h-0 flex flex-col">
         <FlowmapPluginFlowTimeline
           :build-metrics="buildMetrics"
         >
diff --git a/packages/vite/src/app/components/flowmap/PluginFlowTimeline.vue b/packages/vite/src/app/components/flowmap/PluginFlowTimeline.vue
index 9a5a4e4c..89a33ba4 100644
--- a/packages/vite/src/app/components/flowmap/PluginFlowTimeline.vue
+++ b/packages/vite/src/app/components/flowmap/PluginFlowTimeline.vue
@@ -49,9 +49,9 @@ const endTime = computed(() => {
 </script>
 
 <template>
-  <div class="flex flex-col">
+  <div class="flex flex-col h-full min-h-0">
     <slot name="header" />
-    <div class="select-none h-full of-auto ws-nowrap w-auto of-visible p4 flex flex-col">
+    <div class="select-none flex-1 min-h-0 of-x-hidden of-y-auto ws-nowrap w-auto p4 flex flex-col" style="scrollbar-gutter: stable">
       <div class="flex">
         <FlowmapNode
           :active="false"