update: more visual consistency

src/lib/components/ui/Dropdown.svelte

@@ -3,6 +3,7 @@
 	import { scale } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
 	import type { Snippet } from 'svelte';
+    import IconButton from './IconButton.svelte';
 
 	let {
 		items,
@@ -79,16 +80,16 @@
 </script>
 
 <div class="relative dropdown-menu">
-	<Button
-		variant="outline"
-		size="icon"
+	<IconButton
+		size="sm"
+		rounded="md"
 		onclick={toggleMenu}
 		aria-label={ariaLabel}
 		class={color ? 'hover-themed' : ''}
 		style={color ? `--hover-bg: ${color}20;` : ''}
 	>
 		{@render icon()}
-	</Button>
+	</IconButton>
 
 	{#if showMenu}
 		<div