From aa2d928153f339b9da9a16ab2c02b6641a06144d Mon Sep 17 00:00:00 2001
From: eshanized <m.eshanized@gmail.com>
Date: Tue, 7 Jan 2025 23:03:55 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20animation=20speed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PackageCard/ExpandButton.tsx | 23 +++++++++------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/components/PackageCard/ExpandButton.tsx b/src/components/PackageCard/ExpandButton.tsx
index 7d0ee78..f69a1f4 100644
--- a/src/components/PackageCard/ExpandButton.tsx
+++ b/src/components/PackageCard/ExpandButton.tsx
@@ -9,19 +9,16 @@ export function ExpandButton({ expanded, onClick }: ExpandButtonProps) {
   return (
     <button
       onClick={onClick}
-      className="text-nord-9 dark:text-nord-8 hover:text-nord-10 dark:hover:text-nord-7 flex items-center gap-1 text-sm"
+      className="flex items-center gap-2 px-3 py-1 text-sm font-medium text-nord-9 dark:text-nord-8 hover:text-nord-10 dark:hover:text-nord-7 focus:outline-none focus:ring-2 focus:ring-nord-8 dark:focus:ring-nord-9 rounded-lg transition-all duration-300"
     >
-      {expanded ? (
-        <>
-          <ChevronUp className="h-4 w-4" />
-          Hide installation
-        </>
-      ) : (
-        <>
-          <ChevronDown className="h-4 w-4" />
-          Show installation
-        </>
-      )}
+      <span
+        className={`transform transition-transform duration-300 ${
+          expanded ? 'rotate-180' : ''
+        }`}
+      >
+        {expanded ? <ChevronUp className="h-4 w-4" /> : <ChevronDown className="h-4 w-4" />}
+      </span>
+      {expanded ? 'Hide installation' : 'Show installation'}
     </button>
   );
-}
\ No newline at end of file
+}