hover outline transition on chain cards

ava-labs · Mar 8, 2024 · 54fc18d · 54fc18d
1 parent c527292
commit 54fc18d
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/apps/teleporter-demo/src/components/draggable-chain-card.tsx b/apps/teleporter-demo/src/components/draggable-chain-card.tsx
@@ -70,7 +70,7 @@ export const DraggableChainCard = memo(
           chain={chain}
           className="relative group w-full"
         >
-          <div className="rounded-lg h-full border hover:outline-4 hover:outline hover:outline-border">
+          <div className="rounded-lg h-full border hover:border-transparent hover:outline-4 outline outline-transparent hover:outline-border transition-[outline-color] duration-300">
             <ThreeDCardContainer
               outerProps={{ className: cn('group w-full h-full rounded-lg bg-transparent') }}
               innerProps={{ className: cn('w-full h-full flex flex-col items-center gap-2') }}