diff --git a/public/index.html b/public/index.html
index 3196174..8a9eacc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,72 +1,66 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>SPORE UI</title>
     <link rel="stylesheet" href="styles/main.css">
 </head>
+
 <body>
-            <div class="container">
-            <div class="main-navigation">
-                <button class="burger-btn" id="burger-btn" aria-label="Menu" title="Menu">
-                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <path d="M3 6h18M3 12h18M3 18h18"/>
-                    </svg>
-                </button>
-                <div class="nav-left">
-                    <button class="nav-tab active" data-view="cluster">🌐 Cluster</button>
-                    <button class="nav-tab" data-view="topology">🔗 Topology</button>
-                    <button class="nav-tab" data-view="firmware">📦 Firmware</button>
-                </div>
-                <div class="nav-right">
-                    <div class="cluster-status">🚀 Cluster Online</div>
-                </div>
+    <div class="container">
+        <div class="main-navigation">
+            <button class="burger-btn" id="burger-btn" aria-label="Menu" title="Menu">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <path d="M3 6h18M3 12h18M3 18h18" />
+                </svg>
+            </button>
+            <div class="nav-left">
+                <button class="nav-tab active" data-view="cluster">🌐 Cluster</button>
+                <button class="nav-tab" data-view="topology">🔗 Topology</button>
+                <button class="nav-tab" data-view="firmware">📦 Firmware</button>
             </div>
-        
-                     <div id="cluster-view" class="view-content active">
-                 <div class="cluster-section">
-                     <div class="cluster-header">
-                         <div class="cluster-header-left">
-                             <div class="primary-node-info">
-                                 <span class="primary-node-label">Primary Node:</span>
-                                 <span class="primary-node-ip" id="primary-node-ip">Discovering...</span>
-                                 <button class="primary-node-refresh" id="select-random-primary-btn" title="🎲 Select random primary node">
-                                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14">
-                                         <path d="M1 4v6h6M23 20v-6h-6"/>
-                                         <path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"/>
-                                     </svg>
-                                 </button>
-                             </div>
-                         </div>
-                         <button class="refresh-btn" id="refresh-cluster-btn">
-                             <svg class="refresh-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                <path d="M1 4v6h6M23 20v-6h-6"/>
-                                <path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"/>
-                             </svg>
-                             Refresh
-                         </button>
-                     </div>
-                
+            <div class="nav-right">
+                <div class="cluster-status">🚀 Cluster Online</div>
+            </div>
+        </div>
+
+        <div id="cluster-view" class="view-content active">
+            <div class="cluster-section">
+                <div class="cluster-header">
+                    <div class="cluster-header-left">
+                        <div class="primary-node-info">
+                            <span class="primary-node-label">Primary Node:</span>
+                            <span class="primary-node-ip" id="primary-node-ip">Discovering...</span>
+                            <button class="primary-node-refresh" id="select-random-primary-btn"
+                                title="🎲 Select random primary node">
+                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14"
+                                    height="14">
+                                    <path d="M1 4v6h6M23 20v-6h-6" />
+                                    <path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15" />
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                    <button class="refresh-btn" id="refresh-cluster-btn">
+                        <svg class="refresh-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <path d="M1 4v6h6M23 20v-6h-6" />
+                            <path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15" />
+                        </svg>
+                        Refresh
+                    </button>
+                </div>
+
                 <div id="cluster-members-container">
                     <div class="loading">
                         <div>Loading cluster members...</div>
                     </div>
-                    
-                    <!-- Test content to verify scrolling -->
-                    <div style="height: 2000px; background: linear-gradient(to bottom, rgba(255,0,0,0.1), rgba(0,255,0,0.1), rgba(0,0,255,0.1)); padding: 20px; margin: 20px 0; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);">
-                        <h3 style="color: white; margin-bottom: 20px;">Test Scrolling Content</h3>
-                        <p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">This is test content to verify that scrolling works properly when elements are outside the visible screen height.</p>
-                        <p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">You should be able to scroll down to see this content and scroll back up to the top.</p>
-                        <p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">If scrolling is not working, there may be CSS issues preventing it.</p>
-                        <div style="text-align: center; margin-top: 50px;">
-                            <span style="color: #4ade80; font-size: 1.2rem;">✓ Scrolling is working if you can see this!</span>
-                        </div>
-                    </div>
                 </div>
             </div>
         </div>
-        
+
         <div id="topology-view" class="view-content">
             <div id="topology-graph-container">
                 <div class="loading">
@@ -74,10 +68,10 @@
                 </div>
             </div>
         </div>
-        
+
         <div id="firmware-view" class="view-content">
-                 <div class="firmware-section">
-                     <!--div class="firmware-header">
+            <div class="firmware-section">
+                <!--div class="firmware-header">
                          <div class="firmware-header-left"></div>
                          <button class="refresh-btn" onclick="refreshFirmwareView()">
                              <svg class="refresh-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -87,7 +81,7 @@
                              Refresh
                          </button>
                      </div-->
-                
+
                 <div id="firmware-container">
                     <div class="firmware-overview">
                         <div class="firmware-actions">
@@ -114,42 +108,34 @@
                                                     <input type="radio" name="target-type" value="labels">
                                                     <span class="radio-custom"></span>
                                                     <span class="target-label">By Label</span>
-                                                    <select id="label-select" class="label-select" style="min-width: 220px; display: inline-block; vertical-align: middle;">
+                                                    <select id="label-select" class="label-select"
+                                                        style="min-width: 220px; display: inline-block; vertical-align: middle;">
                                                         <option value="">Select a label...</option>
                                                     </select>
                                                     <div id="selected-labels-container" class="selected-labels"></div>
                                                 </label>
                                             </div>
-                                            
+
                                             <div class="file-input-wrapper">
-                                                <input type="file" id="global-firmware-file" accept=".bin,.hex" style="display: none;">
-                                                <button class="upload-btn-compact" onclick="document.getElementById('global-firmware-file').click()">
+                                                <input type="file" id="global-firmware-file" accept=".bin,.hex"
+                                                    style="display: none;">
+                                                <button class="upload-btn-compact"
+                                                    onclick="document.getElementById('global-firmware-file').click()">
                                                     📁 Choose File
                                                 </button>
                                                 <span class="file-info" id="file-info">No file selected</span>
                                             </div>
                                         </div>
-                                        
+
                                         <button class="deploy-btn" id="deploy-btn" disabled>🚀 Deploy</button>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
-                    
+
                     <div class="firmware-nodes-list" id="firmware-nodes-list">
                         <!-- Nodes will be populated here -->
-                        
-                        <!-- Test content to verify scrolling -->
-                        <div style="height: 1500px; background: linear-gradient(to bottom, rgba(255,0,0,0.1), rgba(0,255,0,0.1), rgba(0,0,255,0.1)); padding: 20px; margin: 20px 0; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);">
-                            <h3 style="color: white; margin-bottom: 20px;">Firmware View Test Scrolling</h3>
-                            <p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">This is test content in the firmware view to verify that scrolling works properly.</p>
-                            <p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">You should be able to scroll down to see this content and scroll back up to the top.</p>
-                            <p style="color: rgba(255,255,255,0.8); margin-bottom: 15px;">If scrolling is not working, there may be CSS issues preventing it.</p>
-                            <div style="text-align: center; margin-top: 50px;">
-                                <span style="color: #4ade80; font-size: 1.2rem;">✓ Firmware scrolling is working if you can see this!</span>
-                            </div>
-                        </div>
                     </div>
                 </div>
             </div>
@@ -163,4 +149,5 @@
     <script src="./scripts/components.js"></script>
     <script src="./scripts/app.js"></script>
 </body>
-</html> 
\ No newline at end of file
+
+</html>
\ No newline at end of file
