diff --git a/src/main/resources/templates/layouts/base.html b/src/main/resources/templates/layouts/base.html
index 78378c2..c46b04e 100644
--- a/src/main/resources/templates/layouts/base.html
+++ b/src/main/resources/templates/layouts/base.html
@@ -30,12 +30,12 @@
   </script>
 </head>
 <body class="min-h-screen bg-base-100">
-  <div class="navbar bg-base-300 shadow-lg px-4 min-h-0 h-14">
+  <div class="navbar bg-base-300 shadow-lg min-h-0 h-14" style="padding:0 1rem">
     <div class="navbar-start"></div>
 
-    <div class="navbar-center gap-4">
-      <a href="/" class="btn btn-ghost btn-sm font-bold text-lg text-base-content no-underline">DiscDrop</a>
-      <div id="search-wrapper" style="width:18rem">
+    <div class="navbar-center" style="display:flex;align-items:center;justify-content:center">
+      <a href="/" class="font-bold text-lg text-base-content no-underline">DiscDrop</a>
+      <div id="search-wrapper" style="width:18rem;margin:0 1.5rem">
         <form hx-get="/api/artists/search"
               hx-target="#search-results"
               hx-swap="innerHTML"
@@ -45,10 +45,10 @@
         </form>
         <div id="search-results"></div>
       </div>
-      <a href="/artists" class="btn btn-ghost btn-sm {#if activeTab == 'artists'}btn-active{/if}">Artists</a>
+      <a href="/artists" class="font-medium text-base-content no-underline {#if activeTab == 'artists'}font-bold{/if}">Artists</a>
     </div>
 
-    <div class="navbar-end gap-2">
+    <div class="navbar-end" style="display:flex;align-items:center;gap:0.5rem">
       <select class="select select-bordered select-sm" style="width:7rem" onchange="setTheme(this)">
         <option value="dark">Dark</option>
         <option value="light">Light</option>
