diff --git a/apps/web/src/lib/components/layout/NavBar.svelte b/apps/web/src/lib/components/layout/NavBar.svelte
index 0f528ca..edeae23 100644
--- a/apps/web/src/lib/components/layout/NavBar.svelte
+++ b/apps/web/src/lib/components/layout/NavBar.svelte
@@ -11,7 +11,7 @@
 <div
 	class="beatforge-page-navbar relative flex w-full items-center py-4 px-4 mx-auto max-w-7xl z-[100] text-sm font-bold justify-between"
 >
-	<div class="flex md:hidden w-16">
+	<div class="flex md:hidden w-16 items-center justify-center">
 		<Dropdown>
 			<BarsThree slot="trigger" customClasses="h-5 w-5" />
 		</Dropdown>
diff --git a/packages/ui/dropdown/Dropdown.svelte b/packages/ui/dropdown/Dropdown.svelte
index 03197d0..d51afd2 100644
--- a/packages/ui/dropdown/Dropdown.svelte
+++ b/packages/ui/dropdown/Dropdown.svelte
@@ -8,7 +8,7 @@
     } = createDropdownMenu()
   </script>
 
-<button use:melt={$trigger}>
+<button class="p-4" use:melt={$trigger}>
     <slot name="trigger"></slot>
 </button>
 {#if $open}