diff --git a/src/shared/ui/IconButton/IconButton.svelte b/src/shared/ui/IconButton/IconButton.svelte index 0649394..54e0d9d 100644 --- a/src/shared/ui/IconButton/IconButton.svelte +++ b/src/shared/ui/IconButton/IconButton.svelte @@ -43,8 +43,10 @@ let { rotation = 'clockwise', icon, ...rest }: Props = $props(); > {@render icon({ className: cn( - 'size-4 transition-all duration-200 stroke-[1.5] stroke-text-muted group-hover:stroke-foreground group-hover:scale-110 group-hover:stroke-3 group-active:scale-90 group-disabled:stroke-transparent', - rotation === 'clockwise' ? 'group-active:rotate-6' : 'group-active:-rotate-6', + 'size-4 transition-all duration-200 stroke-[1.5] stroke-text-muted group-hover:stroke-foreground group-hover:scale-110 group-hover:stroke-2 group-active:scale-90 group-disabled:stroke-transparent', + rotation === 'clockwise' + ? 'group-active:rotate-6' + : 'group-active:-rotate-6', ), })}