diff --git a/src/components/CategorySidebar.tsx b/src/components/CategorySidebar.tsx
index 6a19741..a03ba36 100644
--- a/src/components/CategorySidebar.tsx
+++ b/src/components/CategorySidebar.tsx
@@ -34,7 +34,7 @@ export function CategorySidebar({
         <button onClick={() => setIsMobileOpen(!isMobileOpen)} className="w-full flex items-center justify-between gap-3 bg-card border rounded-xl p-4 shadow-sm">
           <div className="flex items-center gap-3">
             <div className="h-10 w-10 rounded-lg flex items-center justify-center bg-zinc-700">
-              <Package className="h-5 w-5 text-primary bg-card-foreground" />
+              <Package className="h-5 w-5 bg-zinc-700 text-white" />
             </div>
             <div className="text-left">
               <p className="text-xs text-muted-foreground">Category</p>