diff --git a/templates/base.html b/templates/base.html
index b68dd97..5c21cf9 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,9 +11,28 @@
 </head>
 
 <body>
-    <div class="h-full w-full bg-gray-50 relative overflow-y-auto container mx-auto">
+    <div class="h-full w-full relative overflow-y-auto container mx-auto">
         <main>
             <div class="px-4 pt-8" id="container">
+                <div class="text-sm breadcrumbs pb-2">
+                    <nav class="flex" aria-label="Breadcrumb">
+                        <ol class="inline-flex items-center space-x-1 md:space-x-3">
+                            <li class="inline-flex items-center">
+                                <a hx-get="{{ url_for('devices') }}" hx-target="#container" class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600
+                                    dark:text-gray-400 dark:hover:text-white cursor-pointer">
+                                    <svg aria-hidden="true" class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                            d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
+                                        </path>
+                                    </svg>
+                                    Devices
+                                </a>
+                            </li>
+                        </ol>
+                    </nav>
+                </div>
+
                 <div hx-get="{{ url_for('devices') }}" hx-trigger="load, every 5s">
                     <div class="flex justify-center">
                         <div role="status">
diff --git a/templates/device.html b/templates/device.html
index d3b3e63..a9abc1f 100644
--- a/templates/device.html
+++ b/templates/device.html
@@ -1,4 +1,4 @@
-<div class="text-sm breadcrumbs">
+<div class="text-sm breadcrumbs pb-2">
     <nav class="flex" aria-label="Breadcrumb">
         <ol class="inline-flex items-center space-x-1 md:space-x-3">
             <li class="inline-flex items-center">
diff --git a/templates/devices.html b/templates/devices.html
index 89bc78f..6a53f00 100644
--- a/templates/devices.html
+++ b/templates/devices.html
@@ -1,22 +1,3 @@
-<div class="text-sm breadcrumbs">
-    <nav class="flex" aria-label="Breadcrumb">
-        <ol class="inline-flex items-center space-x-1 md:space-x-3">
-            <li class="inline-flex items-center">
-                <a hx-get="{{ url_for('devices') }}" hx-target="#container" class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600
-                    dark:text-gray-400 dark:hover:text-white cursor-pointer">
-                    <svg aria-hidden="true" class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20"
-                        xmlns="http://www.w3.org/2000/svg">
-                        <path
-                            d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z">
-                        </path>
-                    </svg>
-                    Devices
-                </a>
-            </li>
-        </ol>
-    </nav>
-</div>
-
 <div class="flex justify-center">
     <div class="relative overflow-x-auto">
         <table class="lg:w-1/4 sm:w-full text-sm text-left text-gray-500 dark:text-gray-400">
