diff --git a/apps/v4/registry/new-york-v4/ui/command/CommandList.vue b/apps/v4/registry/new-york-v4/ui/command/CommandList.vue
index 928d2f0f7..fa4b72e08 100644
--- a/apps/v4/registry/new-york-v4/ui/command/CommandList.vue
+++ b/apps/v4/registry/new-york-v4/ui/command/CommandList.vue
@@ -16,7 +16,7 @@ const forwarded = useForwardProps(delegatedProps)
   <ListboxContent
     data-slot="command-list"
     v-bind="forwarded"
-    :class="cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', props.class)"
+    :class="cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto max-w-(--reka-popper-available-width)', props.class)"
   >
     <div role="presentation">
       <slot />
diff --git a/apps/v4/registry/new-york-v4/ui/dropdown-menu/DropdownMenuSubContent.vue b/apps/v4/registry/new-york-v4/ui/dropdown-menu/DropdownMenuSubContent.vue
index d7c6b087d..3b80ac45f 100644
--- a/apps/v4/registry/new-york-v4/ui/dropdown-menu/DropdownMenuSubContent.vue
+++ b/apps/v4/registry/new-york-v4/ui/dropdown-menu/DropdownMenuSubContent.vue
@@ -20,7 +20,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
   <DropdownMenuSubContent
     data-slot="dropdown-menu-sub-content"
     v-bind="forwarded"
-    :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', props.class)"
+    :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg max-w-(--reka-popper-available-width)', props.class)"
   >
     <slot />
   </DropdownMenuSubContent>
diff --git a/apps/v4/registry/new-york-v4/ui/popover/PopoverContent.vue b/apps/v4/registry/new-york-v4/ui/popover/PopoverContent.vue
index cf1e55c50..ed9d3a296 100644
--- a/apps/v4/registry/new-york-v4/ui/popover/PopoverContent.vue
+++ b/apps/v4/registry/new-york-v4/ui/popover/PopoverContent.vue
@@ -34,7 +34,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       v-bind="{ ...$attrs, ...forwarded }"
       :class="
         cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md origin-(--reka-popover-content-transform-origin) outline-hidden',
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md origin-(--reka-popover-content-transform-origin) outline-hidden max-w-(--reka-popper-available-width)',
           props.class,
         )
       "