From e7282fa3d66c2bc35adf27446822b0091800d3c7 Mon Sep 17 00:00:00 2001
From: Jean-Luc Makiola <business@jeanlucmakiola.de>
Date: Mon, 20 Apr 2026 17:12:03 +0200
Subject: [PATCH] feat(05-02): remove hardcoded rounded-* from CategorySection,
 ChartEmptyState, QuickAddPicker

- CategorySection: remove rounded-md from collapsible trigger button
- ChartEmptyState: remove rounded-lg from empty state border container
- QuickAddPicker: remove rounded-sm from picker item buttons
- QuickAddPicker: remove rounded-full from category dot indicator
---
 src/components/QuickAddPicker.tsx                   | 4 ++--
 src/components/dashboard/CategorySection.tsx        | 2 +-
 src/components/dashboard/charts/ChartEmptyState.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/QuickAddPicker.tsx b/src/components/QuickAddPicker.tsx
index 8a3fcba..198c7e3 100644
--- a/src/components/QuickAddPicker.tsx
+++ b/src/components/QuickAddPicker.tsx
@@ -153,7 +153,7 @@ export default function QuickAddPicker({ budgetId }: QuickAddPickerProps) {
                     type="button"
                     role="option"
                     aria-selected={false}
-                    className="flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                    className="flex w-full items-center gap-2 px-2 py-1.5 text-sm hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
                     onClick={() => handlePickItem(item)}
                   >
                     {item.icon && (
@@ -198,7 +198,7 @@ export default function QuickAddPicker({ budgetId }: QuickAddPickerProps) {
                       <SelectGroup key={type}>
                         <SelectLabel className="flex items-center gap-1.5">
                           <div
-                            className="size-2 rounded-full"
+                            className="size-2"
                             style={{ backgroundColor: categoryColors[type] }}
                           />
                           {t(`categories.types.${type}`)}
diff --git a/src/components/dashboard/CategorySection.tsx b/src/components/dashboard/CategorySection.tsx
index 74b3b58..1aa095a 100644
--- a/src/components/dashboard/CategorySection.tsx
+++ b/src/components/dashboard/CategorySection.tsx
@@ -70,7 +70,7 @@ export function CategorySection({
     <Collapsible open={open} onOpenChange={onOpenChange}>
       <CollapsibleTrigger asChild>
         <button
-          className="group flex w-full items-center gap-3 rounded-md border-l-4 bg-card px-4 py-3 text-left hover:bg-muted/40 transition-colors"
+          className="group flex w-full items-center gap-3 border-l-4 bg-card px-4 py-3 text-left hover:bg-muted/40 transition-colors"
           style={{ borderLeftColor: categoryColors[type] }}
         >
           <ChevronRight
diff --git a/src/components/dashboard/charts/ChartEmptyState.tsx b/src/components/dashboard/charts/ChartEmptyState.tsx
index 5df74a1..b0ec28e 100644
--- a/src/components/dashboard/charts/ChartEmptyState.tsx
+++ b/src/components/dashboard/charts/ChartEmptyState.tsx
@@ -9,7 +9,7 @@ export function ChartEmptyState({ message, className }: ChartEmptyStateProps) {
   return (
     <div
       className={cn(
-        "flex min-h-[250px] w-full items-center justify-center rounded-lg border border-dashed border-muted-foreground/20 bg-muted/30",
+        "flex min-h-[250px] w-full items-center justify-center border border-dashed border-muted-foreground/20 bg-muted/30",
         className
       )}
     >