diff --git a/core/scripts/webpanel/templates/index.html b/core/scripts/webpanel/templates/index.html
index b62de9a..21065aa 100644
--- a/core/scripts/webpanel/templates/index.html
+++ b/core/scripts/webpanel/templates/index.html
@@ -90,7 +90,7 @@
                 </div>
             </div>
             <div class="col-lg-3 col-6">
-                 <div class="small-box" id="singbox-status-box">
+                <div class="small-box" id="singbox-status-box">
                     <div class="inner">
                         <h3 id="singbox-status">--</h3>
                         <p>Singbox</p>
@@ -100,7 +100,7 @@
                     </div>
                 </div>
             </div>
-             <div class="col-lg-3 col-6">
+            <div class="col-lg-3 col-6">
                 <div class="small-box" id="normalsub-status-box">
                     <div class="inner">
                         <h3 id="normalsub-status">--</h3>
@@ -133,13 +133,13 @@
 
     function updateServiceStatuses() {
         // Add services api in fetch
-        fetch('')
+        fetch('{{ url_for("server_services_status_api") }}')
             .then(response => response.json())
             .then(data => {
-                updateServiceBox('hysteria2', data.hysteria2);
-                updateServiceBox('telegrambot', data.telegrambot);
-                updateServiceBox('singbox', data.singbox);
-                updateServiceBox('normalsub', data.normalsub);
+                updateServiceBox('hysteria2', data.hysteria_server);
+                updateServiceBox('telegrambot', data.hysteria_telegram);
+                updateServiceBox('singbox', data.hysteria_singbox);
+                updateServiceBox('normalsub', data.hysetria_normal_sub);
             })
             .catch(error => console.error('Error fetching service statuses:', error));
     }
@@ -167,4 +167,4 @@
     setInterval(updateServerInfo, 5000);
 </script>
 
-{% endblock %}
+{% endblock %}
\ No newline at end of file