From e350e2239982d39c4d4bce85ed86705946f69da0 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Sat, 20 Jun 2026 16:02:48 +0330
Subject: [PATCH] category box

---
 src/app/[name]/(Main)/components/CategoryScroll.tsx | 2 +-
 src/components/listview/CategoryItemRenderer.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/[name]/(Main)/components/CategoryScroll.tsx b/src/app/[name]/(Main)/components/CategoryScroll.tsx
index c3ed708..4bcca65 100644
--- a/src/app/[name]/(Main)/components/CategoryScroll.tsx
+++ b/src/app/[name]/(Main)/components/CategoryScroll.tsx
@@ -112,7 +112,7 @@ const CategoryScroll = ({ categories, selectedCategory, onSelect, variant = "lar
         return (
           <Renderer key={item.id} className={clsx(isSelected && "bg-container!")} onClick={handleSelect(item.id)}>
             <CategoryImage src={item.avatarUrl || "/assets/images/food-image.png"} size={imageSize} alt="category image" tintWithPrimary={!usesColoredSvg} />
-            <span className="text-xs text-foreground text-center">{item.title}</span>
+            <span className="text-xs text-foreground text-center whitespace-nowrap">{item.title}</span>
           </Renderer>
         );
       })}
diff --git a/src/components/listview/CategoryItemRenderer.tsx b/src/components/listview/CategoryItemRenderer.tsx
index 50b168a..afa2190 100644
--- a/src/components/listview/CategoryItemRenderer.tsx
+++ b/src/components/listview/CategoryItemRenderer.tsx
@@ -11,7 +11,7 @@ function CategoryItemRenderer({ children, ...rest }: Props) {
         <div className={`${rest.className} cursor-pointer transition-all duration-200 ease-out gradient-border overflow-hidden rounded-xl backdrop-blur-md bg-container/40`}>
             <div
                 {...rest}
-                className="rounded-normal w-[88px] h-[88px] flex flex-col justify-center items-center gap-2"
+                className="rounded-normal w-[108px] h-[88px] flex flex-col justify-center items-center gap-2"
             >
                 {children}
             </div>