diff --git a/src/meshcore_hub/web/static/img/logo.svg b/src/meshcore_hub/web/static/img/logo.svg
index 2efdd80..3bf6bf4 100644
--- a/src/meshcore_hub/web/static/img/logo.svg
+++ b/src/meshcore_hub/web/static/img/logo.svg
@@ -1,14 +1,61 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 145 120" width="145" height="120">
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 115 100"
+   width="115"
+   height="100"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="logo-dark.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="namedview4"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" />
   <!-- I letter - muted -->
-  <rect x="30" y="10" width="25" height="100" rx="2" fill="#ffffff" opacity="0.5"/>
-
+  <rect
+     x="0"
+     y="0"
+     width="25"
+     height="100"
+     rx="2"
+     fill="#ffffff"
+     opacity="0.5"
+     id="rect1" />
   <!-- P vertical stem -->
-  <rect x="65" y="10" width="25" height="100" rx="2" fill="#ffffff"/>
-
+  <rect
+     x="35"
+     y="0"
+     width="25"
+     height="100"
+     rx="2"
+     fill="#ffffff"
+     id="rect2" />
   <!-- WiFi arcs: center at mid-stem (90, 60), sweeping from right up to top -->
-  <g fill="none" stroke="#ffffff" stroke-width="10" stroke-linecap="round">
-    <path d="M 110,65 A 20,20 0 0,0 90,45"/>
-    <path d="M 125,65 A 35,35 0 0,0 90,30"/>
-    <path d="M 140,65 A 50,50 0 0,0 90,15"/>
+  <g
+     fill="none"
+     stroke="#ffffff"
+     stroke-width="10"
+     stroke-linecap="round"
+     id="g4"
+     transform="translate(-30,-10)">
+    <path
+       d="M 110,65 A 20,20 0 0 0 90,45"
+       id="path2" />
+    <path
+       d="M 125,65 A 35,35 0 0 0 90,30"
+       id="path3" />
+    <path
+       d="M 140,65 A 50,50 0 0 0 90,15"
+       id="path4" />
   </g>
 </svg>
diff --git a/src/meshcore_hub/web/templates/home.html b/src/meshcore_hub/web/templates/home.html
index 8387726..085d595 100644
--- a/src/meshcore_hub/web/templates/home.html
+++ b/src/meshcore_hub/web/templates/home.html
@@ -22,12 +22,24 @@
         </p>
         {% endif %}
         <div class="flex-1"></div>
-        <div class="flex gap-3 mt-auto">
-            <a href="/dashboard" class="btn btn-neutral">
+        <div class="flex flex-wrap justify-center gap-3 mt-auto">
+            <a href="/dashboard" class="btn btn-outline btn-info">
                 {{ icon_dashboard("h-5 w-5 mr-2") }}
                 Dashboard
             </a>
-            <a href="/map" class="btn btn-neutral">
+            <a href="/nodes" class="btn btn-outline btn-primary">
+                {{ icon_nodes("h-5 w-5 mr-2") }}
+                Nodes
+            </a>
+            <a href="/advertisements" class="btn btn-outline btn-secondary">
+                {{ icon_advertisements("h-5 w-5 mr-2") }}
+                Adverts
+            </a>
+            <a href="/messages" class="btn btn-outline btn-accent">
+                {{ icon_messages("h-5 w-5 mr-2") }}
+                Messages
+            </a>
+            <a href="/map" class="btn btn-outline btn-warning">
                 {{ icon_map("h-5 w-5 mr-2") }}
                 Map
             </a>
@@ -37,36 +49,33 @@
     <!-- Stats Column (stacked vertically) -->
     <div class="flex flex-col gap-4">
         <!-- Total Nodes -->
-        <div class="stat bg-base-200 rounded-box relative">
+        <div class="stat bg-base-200 rounded-box">
             <div class="stat-figure text-primary">
                 {{ icon_nodes("h-8 w-8") }}
             </div>
             <div class="stat-title">Total Nodes</div>
             <div class="stat-value text-primary">{{ stats.total_nodes }}</div>
             <div class="stat-desc">All discovered nodes</div>
-            <a href="/nodes" class="link link-primary text-sm absolute bottom-2 right-4">View Nodes</a>
         </div>
 
         <!-- Advertisements (7 days) -->
-        <div class="stat bg-base-200 rounded-box relative">
+        <div class="stat bg-base-200 rounded-box">
             <div class="stat-figure text-secondary">
                 {{ icon_advertisements("h-8 w-8") }}
             </div>
             <div class="stat-title">Advertisements</div>
             <div class="stat-value text-secondary">{{ stats.advertisements_7d }}</div>
             <div class="stat-desc">Last 7 days</div>
-            <a href="/advertisements" class="link link-secondary text-sm absolute bottom-2 right-4">View Adverts</a>
         </div>
 
         <!-- Messages (7 days) -->
-        <div class="stat bg-base-200 rounded-box relative">
+        <div class="stat bg-base-200 rounded-box">
             <div class="stat-figure text-accent">
                 {{ icon_messages("h-8 w-8") }}
             </div>
             <div class="stat-title">Messages</div>
             <div class="stat-value text-accent">{{ stats.messages_7d }}</div>
             <div class="stat-desc">Last 7 days</div>
-            <a href="/messages" class="link link-accent text-sm absolute bottom-2 right-4">View Messages</a>
         </div>
     </div>
 </div>