From 23b587a090a2ec25e95e98a29ebcf6f412081081 Mon Sep 17 00:00:00 2001
From: Ali <ali.hussein.pre@gmail.com>
Date: Sat, 21 Dec 2024 17:32:39 +0100
Subject: [PATCH] fix: add flex-wrap class to support small devices

---
 apps/www/registry/default/ui/toggle-group.tsx  | 2 +-
 apps/www/registry/new-york/ui/toggle-group.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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 }}>