diff --git a/apps/www/registry/default/ui/toggle-group.tsx b/apps/www/registry/default/ui/toggle-group.tsx
index 01354fbcc10..914d37a656c 100644
--- a/apps/www/registry/default/ui/toggle-group.tsx
+++ b/apps/www/registry/default/ui/toggle-group.tsx
@@ -21,7 +21,7 @@ const ToggleGroup = React.forwardRef<
 >(({ className, variant, size, children, ...props }, ref) => (
   <ToggleGroupPrimitive.Root
     ref={ref}
-    className={cn("flex items-center justify-center gap-1", className)}
+    className={cn("flex flex-wrap items-center justify-center gap-1", className)}
     {...props}
   >
     <ToggleGroupContext.Provider value={{ variant, size }}>
diff --git a/apps/www/registry/new-york/ui/toggle-group.tsx b/apps/www/registry/new-york/ui/toggle-group.tsx
index 11fdf52a546..3f0b0122f08 100644
--- a/apps/www/registry/new-york/ui/toggle-group.tsx
+++ b/apps/www/registry/new-york/ui/toggle-group.tsx
@@ -21,7 +21,7 @@ const ToggleGroup = React.forwardRef<
 >(({ className, variant, size, children, ...props }, ref) => (
   <ToggleGroupPrimitive.Root
     ref={ref}
-    className={cn("flex items-center justify-center gap-1", className)}
+    className={cn("flex flex-wrap items-center justify-center gap-1", className)}
     {...props}
   >
     <ToggleGroupContext.Provider value={{ variant, size }}>