diff --git a/index.html b/index.html
index ce5d2a7..32adc5d 100644
--- a/index.html
+++ b/index.html
@@ -87,6 +87,7 @@
         <h3>System Monitor Overlay</h3>
         <ul>
             <li><a href="/system_monitor_overlay/index.html">System Monitor Overlay</a></li>
+            <li><a href="/system_monitor_overlay/index-no-heading.html">System Monitor Overlay (No Heading)</a></li>
         </ul>
         <p>For detailed usage instructions and to understand how to deploy these overlays, please refer to the <a href="https://gitea.ramforth.net/ramforth/Overlays/src/branch/main/azuracast/README.md">Azuracast README.md</a> within the Gitea repository.</p>
 
diff --git a/system_monitor_overlay/index-no-heading.html b/system_monitor_overlay/index-no-heading.html
new file mode 100644
index 0000000..0bfd3e9
--- /dev/null
+++ b/system_monitor_overlay/index-no-heading.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>System Monitor (No Heading)</title>
+    <style>
+        body {
+            font-family: sans-serif;
+            color: white;
+            background-color: rgba(0, 0, 0, 0.5);
+            padding: 20px;
+            border-radius: 10px;
+        }
+        .stat {
+            font-size: 1.2em;
+            margin-bottom: 10px;
+        }
+        .descriptor {
+            font-weight: 300; /* Light */
+        }
+        .value {
+            font-weight: 700; /* Bold */
+        }
+    </style>
+</head>
+<body>
+    <div class="stat">
+        <span class="descriptor">CPU Usage:</span>
+        <span class="value" id="cpu-usage"></span>
+    </div>
+    <div class="stat">
+        <span class="descriptor">Memory Usage:</span>
+        <span class="value" id="memory-usage"></span>
+    </div>
+
+    <script>
+        function fetchStats() {
+            fetch('http://localhost:8000/stats')
+                .then(response => response.json())
+                .then(data => {
+                    document.getElementById('cpu-usage').textContent = `${data.cpu_percent}%`;
+                    document.getElementById('memory-usage').textContent = `${data.memory_percent}%`;
+                })
+                .catch(error => console.error('Error fetching system stats:', error));
+        }
+
+        // Fetch stats every 2 seconds
+        setInterval(fetchStats, 2000);
+
+        // Initial fetch
+        fetchStats();
+    </script>
+</body>
+</html>
diff --git a/system_monitor_overlay/index.html b/system_monitor_overlay/index.html
index fcc3f52..fd09fdd 100644
--- a/system_monitor_overlay/index.html
+++ b/system_monitor_overlay/index.html
@@ -12,17 +12,27 @@
             padding: 20px;
             border-radius: 10px;
         }
+        .stat {
+            font-size: 1.2em;
+            margin-bottom: 10px;
+        }
+        .descriptor {
+            font-weight: 300; /* Light */
+        }
+        .value {
+            font-weight: 700; /* Bold */
+        }
     </style>
 </head>
 <body>
     <h1>System Monitor</h1>
-    <div>
-        <h2>CPU Usage</h2>
-        <p id="cpu-usage"></p>
+    <div class="stat">
+        <span class="descriptor">CPU Usage:</span>
+        <span class="value" id="cpu-usage"></span>
     </div>
-    <div>
-        <h2>Memory Usage</h2>
-        <p id="memory-usage"></p>
+    <div class="stat">
+        <span class="descriptor">Memory Usage:</span>
+        <span class="value" id="memory-usage"></span>
     </div>
 
     <script>
