diff --git a/static/index.html b/static/index.html
index e2cce80..1f2f4ac 100644
--- a/static/index.html
+++ b/static/index.html
@@ -50,9 +50,7 @@
                     <img src="assets/timeturner_network.png" class="header-icon" alt="Network Icon">
                     <h2>Network</h2>
                 </div>
-                <ul id="interfaces">
-                    <li>--</li>
-                </ul>
+                <p id="interfaces">--</p>
             </div>
 
             <!-- Controls -->
diff --git a/static/script.js b/static/script.js
index 9b05dc7..2e4fc1b 100644
--- a/static/script.js
+++ b/static/script.js
@@ -142,17 +142,10 @@ document.addEventListener('DOMContentLoaded', () => {
         statusElements.jitterStatus.innerHTML = `<img src="${jitterIconInfo.src}" class="status-icon" alt="" title="${jitterIconInfo.tooltip}">`;
         statusElements.jitterStatus.className = jitterStatus.toLowerCase();
 
-        statusElements.interfaces.innerHTML = '';
         if (data.interfaces.length > 0) {
-            data.interfaces.forEach(ip => {
-                const li = document.createElement('li');
-                li.textContent = ip;
-                statusElements.interfaces.appendChild(li);
-            });
+            statusElements.interfaces.textContent = data.interfaces.join(' | ');
         } else {
-            const li = document.createElement('li');
-            li.textContent = 'No active interfaces found.';
-            statusElements.interfaces.appendChild(li);
+            statusElements.interfaces.textContent = 'No active interfaces found.';
         }
     }
 
diff --git a/static/style.css b/static/style.css
index cc9e9df..0d64a03 100644
--- a/static/style.css
+++ b/static/style.css
@@ -65,11 +65,6 @@ body {
     letter-spacing: 2px;
 }
 
-.card ul {
-    padding-left: 20px;
-    list-style: none;
-}
-
 .full-width {
     grid-column: 1 / -1;
 }