From cb9eb900daa8beef84478cc054b90cc5a6045c74 Mon Sep 17 00:00:00 2001
From: Pulse Monitor <pulse@pulse-monitor.dev>
Date: Fri, 29 Aug 2025 12:16:22 +0000
Subject: [PATCH] feat: add smooth scale animation to tag indicators on hover

---
 frontend-modern/src/components/Dashboard/TagBadges.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend-modern/src/components/Dashboard/TagBadges.tsx b/frontend-modern/src/components/Dashboard/TagBadges.tsx
index e92590e45..453756c7c 100644
--- a/frontend-modern/src/components/Dashboard/TagBadges.tsx
+++ b/frontend-modern/src/components/Dashboard/TagBadges.tsx
@@ -48,7 +48,7 @@ export const TagBadges: Component<TagBadgesProps> = (props) => {
               >
                 {/* Colored dot indicator */}
                 <div 
-                  class="w-2 h-2 rounded-full hover:scale-110 transition-all cursor-pointer"
+                  class="w-2 h-2 rounded-full hover:scale-125 transition-transform duration-200 ease-out cursor-pointer"
                   style={{
                     'background-color': colors.bg,
                     'box-shadow': isActive() 
@@ -77,7 +77,7 @@ export const TagBadges: Component<TagBadgesProps> = (props) => {
               setTooltipPos(null);
             }}
           >
-            <div class="text-[10px] text-gray-500 dark:text-gray-400 cursor-pointer hover:text-gray-700 dark:hover:text-gray-300">
+            <div class="text-[10px] text-gray-500 dark:text-gray-400 cursor-pointer hover:text-gray-700 dark:hover:text-gray-300 hover:scale-110 transition-transform duration-200 ease-out">
               +{hiddenTags().length}
             </div>
           </div>