From f7316b7a13f8494bd007fc3900572b153f2c0db0 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Sat, 9 May 2026 16:32:26 +0200
Subject: [PATCH] Update CardSizeSelector styles: adjust text size, spacing,
 and hover effects for improved consistency and usability

---
 web/components/filters/card-size-selector.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/filters/card-size-selector.tsx b/web/components/filters/card-size-selector.tsx
index 5e2784f7..948a3e6a 100644
--- a/web/components/filters/card-size-selector.tsx
+++ b/web/components/filters/card-size-selector.tsx
@@ -26,8 +26,8 @@ export function CardSizeSelector(props: {
             <button
               key={size}
               className={clsx(
-                'px-3 py-1.5 text-sm rounded-xl border border-canvas-100 transition-colors',
-                isSelected ? 'bg-primary-100' : 'bg-canvas-50  hover:bg-canvas-25',
+                'rounded-xl text-xs border-canvas-300 flex items-center gap-1.5 border px-3 py-2 text-ink-500 transition-colors hover:border-primary-400',
+                isSelected ? 'bg-primary-200' : 'bg-canvas-100',
               )}
               onClick={() => updateDisplayOptions({cardSize: size})}
             >