From 80c03b9337158824cd110b0d4e145c7ec3e0664a Mon Sep 17 00:00:00 2001
From: Kenji Shiroma <kenjishiromajp@gmail.com>
Date: Thu, 16 Nov 2023 12:27:46 +1000
Subject: [PATCH] closes #273 action bar with animation

---
 .../app/(home)/components/circle-logo/circle-logo.component.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/site/src/app/(home)/components/circle-logo/circle-logo.component.tsx b/apps/site/src/app/(home)/components/circle-logo/circle-logo.component.tsx
index 9330df6df..661ace29c 100644
--- a/apps/site/src/app/(home)/components/circle-logo/circle-logo.component.tsx
+++ b/apps/site/src/app/(home)/components/circle-logo/circle-logo.component.tsx
@@ -4,7 +4,7 @@ export function CircleLogo({ className, children }: { children: React.ReactNode;
   return (
     <span
       className={clsx(
-        'flex h-12 w-12 items-center justify-center rounded-full bg-white outline outline-1 outline-gel-border hover:outline-4 hover:outline-gel-icon/40',
+        'flex h-12 w-12 items-center justify-center rounded-full bg-white outline outline-1 outline-gel-border transition-all hover:outline-4 hover:outline-gel-icon/40',
         className,
       )}
     >