diff --git a/apps/v4/registry/bases/reka/ui/scroll-area/ScrollArea.vue b/apps/v4/registry/bases/reka/ui/scroll-area/ScrollArea.vue
index 2a3d64ddd..6f1cb9909 100644
--- a/apps/v4/registry/bases/reka/ui/scroll-area/ScrollArea.vue
+++ b/apps/v4/registry/bases/reka/ui/scroll-area/ScrollArea.vue
@@ -23,8 +23,7 @@ const delegatedProps = reactiveOmit(props, "class")
   >
     <ScrollAreaViewport
       data-slot="scroll-area-viewport"
-      class="cn-scroll-area-viewport focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
-    >
+      class="cn-scroll-area-viewport focus-visible:ring-ring/50 size-full max-h-[inherit] rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1" >
       <slot />
     </ScrollAreaViewport>
     <ScrollBar />
diff --git a/apps/v4/registry/new-york-v4/ui/scroll-area/ScrollArea.vue b/apps/v4/registry/new-york-v4/ui/scroll-area/ScrollArea.vue
index 6112caad3..f9f7f1900 100644
--- a/apps/v4/registry/new-york-v4/ui/scroll-area/ScrollArea.vue
+++ b/apps/v4/registry/new-york-v4/ui/scroll-area/ScrollArea.vue
@@ -23,7 +23,7 @@ const delegatedProps = reactiveOmit(props, "class")
   >
     <ScrollAreaViewport
       data-slot="scroll-area-viewport"
-      class="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+      class="focus-visible:ring-ring/50 size-full max-h-[inherit] rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
     >
       <slot />
     </ScrollAreaViewport>