diff --git a/public/index.html b/public/index.html
index 325f222..13b24d9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -70,7 +70,7 @@
 
             <div id="status-panel" class="status-panel" style="display: none;">
                 <!-- Status content gets rendered here -->
-                <div id="status-content"></div>
+                <div id="status-content"><p class="status-loading">Loading status...</p></div>
                 <!-- Webhooks Configuration Panel (nested inside status) -->
                 <div class="webhooks-section" id="webhooks-section" style="display: none;">
                 <div class="webhooks-header" id="webhooks-header">
diff --git a/public/style.css b/public/style.css
index 9fdfef8..2b72394 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1232,6 +1232,17 @@ body {
   box-shadow: 0 2px 4px var(--shadow);
 }
 
+#status-content {
+  min-height: 100px;
+}
+
+.status-loading {
+  color: var(--text-muted);
+  font-style: italic;
+  text-align: center;
+  padding: 20px;
+}
+
 .status-header {
   display: flex;
   justify-content: space-between;