diff --git a/src/lib/components/layout/navbar.svelte b/src/lib/components/layout/navbar.svelte
index abfe8c3..1977408 100644
--- a/src/lib/components/layout/navbar.svelte
+++ b/src/lib/components/layout/navbar.svelte
@@ -3,13 +3,13 @@
 	import { appSettings } from '$lib/components/common/state.svelte';
 </script>
 
-<div class="flex-1">
+<div class="flex">
 	<button
 		aria-label="open sidebar"
 		onclick={() => {
 			appSettings.sidebarDrawerOpen = true;
 		}}
-		class="btn-square btn-ghost mask drawer-button mask-squircle btn-sm lg:hidden"
+		class="btn btn-square btn-ghost lg:hidden"
 	>
 		<svg xmlns="http://www.w3.org/2000/svg" class="m-1 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7" /></svg>
 	</button>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9660943..2866ea1 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -55,7 +55,7 @@
 				{/each}
 			</div>
 			<!-- Navbar Content -->
-			<div class="navbar h-10 min-h-0 border-b-2 bg-base-100">
+			<div class="navbar w-full h-10 min-h-0 border-b-2 bg-base-100">
 				<Navbar></Navbar>
 			</div>
 			<!-- Page Content -->