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
+}