fix category active item

src/app/[name]/(Main)/components/CategoryScroll.tsx

@@ -4,9 +4,9 @@ import { Category } from "@/app/[name]/(Main)/types/Types";
 import CategoryItemRenderer from "@/components/listview/CategoryItemRenderer";
 import CategorySmallItemRenderer from "@/components/listview/CategorySmallItemRenderer";
 import HorizontalScrollView from "@/components/listview/HorizontalScrollView";
+import { GLASS_SURFACE_DISABLED, GLASS_SURFACE_SELECTED } from "@/lib/styles/glassSurface";
 import clsx from "clsx";
 import { usePathname } from "next/navigation";
-import { GLASS_SURFACE_DISABLED, GLASS_SURFACE_SELECTED } from "@/lib/styles/glassSurface";
 
 /** TODO: remove when backend sends avatarRenderMode */
 const COLORED_SVG_RESTAURANT_SLUGS = new Set(["havasone"]);
@@ -114,11 +114,7 @@ const CategoryScroll = ({ categories, selectedCategory, onSelect, variant = "lar
         return (
           <Renderer
             key={item.id}
-            className={clsx(
-              isDisabled && GLASS_SURFACE_DISABLED,
-              isDisabled && "cursor-not-allowed",
-              isSelected && !isDisabled && GLASS_SURFACE_SELECTED,
-            )}
+            className={clsx(!isSelected && GLASS_SURFACE_DISABLED, isDisabled && "cursor-not-allowed", isSelected && !isDisabled && GLASS_SURFACE_SELECTED)}
             onClick={isDisabled ? undefined : handleSelect(item.id)}
             aria-disabled={isDisabled}
           >