diff --git a/src/main.js b/src/main.js
index b305afd..1ef31c3 100644
--- a/src/main.js
+++ b/src/main.js
@@ -721,19 +721,19 @@ function updateHostRow(host, index) {
             ` <span class="text-gray-500">/</span> ` +
             `<span class="text-gray-400">max </span><span class="${latencyClass(max, "online")}">${max}ms</span>`;
         statusEl.className =
-            "status-text text-xs whitespace-nowrap text-right col-span-2";
+            "status-text text-xs whitespace-nowrap text-right col-span-2 mt-3";
     } else if (host.status === "offline") {
         statusEl.textContent = "unreachable";
         statusEl.className =
-            "status-text text-xs text-red-400 whitespace-nowrap text-right col-span-2";
+            "status-text text-xs text-red-400 whitespace-nowrap text-right col-span-2 mt-3";
     } else if (host.status === "error") {
         statusEl.textContent = "timeout";
         statusEl.className =
-            "status-text text-xs text-orange-400 whitespace-nowrap text-right col-span-2";
+            "status-text text-xs text-orange-400 whitespace-nowrap text-right col-span-2 mt-3";
     } else {
         statusEl.textContent = "connecting...";
         statusEl.className =
-            "status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2";
+            "status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2 mt-3";
     }
 
     SparklineRenderer.draw(canvas, host.history);
@@ -1045,7 +1045,7 @@ function greyOutUI(state) {
         if (statusEl) {
             statusEl.textContent = "paused";
             statusEl.className =
-                "status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2";
+                "status-text text-xs text-gray-500 whitespace-nowrap text-right col-span-2 mt-3";
         }
         // Grey out the status dot
         const row = document.querySelector(`.host-row[data-index="${i}"]`);