diff --git a/packetserver/http/templates/base.html b/packetserver/http/templates/base.html
index ab834a4..abd2e18 100644
--- a/packetserver/http/templates/base.html
+++ b/packetserver/http/templates/base.html
@@ -3,24 +3,33 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>{% block title %}PacketServer Dashboard{% endblock %}</title>
+    <title>{% block title %}{{ server_name }} Dashboard{% endblock %}</title>
     <link rel="stylesheet" href="{{ url_for('static', path='/css/bootstrap.min.css') }}">
     <link rel="stylesheet" href="{{ url_for('static', path='/css/style.css') }}">
 </head>
 <body class="bg-light">
-    <nav class="navbar navbar-dark bg-primary mb-4">
+    <nav class="navbar navbar-dark bg-primary mb-4 py-3">  <!-- Added py-3 for a bit more vertical padding -->
         <div class="container-fluid">
-            <a class="navbar-brand" href="{{ url_for('dashboard') }}">{{ server_name }}</a>
-            <span class="navbar-text">
-                Logged in as: <strong>{{ current_user }}</strong>
-                {# Basic Auth note #}
-                <small class="text-light ms-3">(Close browser to logout)</small>
-            </span>
-            <a href="{{ url_for('profile_page') }}" class="btn btn-outline-light btn-sm me-2">Profile</a>
-            <a href="/messages" class="btn btn-outline-light btn-sm me-2">Messages</a>
-            <a href="/bulletins" class="btn btn-outline-light btn-sm me-2">Bulletins</a>
-            <a href="/objects" class="btn btn-outline-light btn-sm me-2">Objects</a>
-            <a href="/jobs" class="btn btn-outline-light btn-sm me-2">Jobs</a>
+            <!-- Server name on its own "line" (centered, larger, prominent) -->
+            <div class="w-100 text-center mb-3">
+                <a class="navbar-brand h2 mb-0" href="{{ url_for('dashboard') }}">{{ server_name }}</a>
+            </div>
+
+            <!-- Bottom row: user info and navigation buttons -->
+            <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between w-100 gap-2">
+                <span class="navbar-text text-center text-md-start order-md-1">
+                    Logged in as: <strong>{{ current_user }}</strong>
+                    <small class="text-light ms-3">(Close browser to logout)</small>
+                </span>
+
+                <div class="order-md-3">
+                    <a href="{{ url_for('profile_page') }}" class="btn btn-outline-light btn-sm me-2">Profile</a>
+                    <a href="/messages" class="btn btn-outline-light btn-sm me-2">Messages</a>
+                    <a href="/bulletins" class="btn btn-outline-light btn-sm me-2">Bulletins</a>
+                    <a href="/objects" class="btn btn-outline-light btn-sm me-2">Objects</a>
+                    <a href="/jobs" class="btn btn-outline-light btn-sm me-2">Jobs</a>
+                </div>
+            </div>
         </div>
     </nav>
 
