diff --git a/src/locales/en.ts b/src/locales/en.ts
index 08d4856..fab8bfc 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -177,8 +177,8 @@ export default {
         enabled: "Enabled",
         disabled: "Disabled",
 
-        stationInfo: "Terminal (STA) Info",
-        hotspotInfo: "Hotspot (AP) Info",
+        stationInfo: "Terminal (STA)",
+        hotspotInfo: "Hotspot (AP)",
         signalStrength: "Signal Strength",
         gateway: "Gateway",
         netmask: "Netmask",
diff --git a/src/locales/fr.ts b/src/locales/fr.ts
index 25ca1c6..d3d43fb 100644
--- a/src/locales/fr.ts
+++ b/src/locales/fr.ts
@@ -178,8 +178,8 @@ export default {
         enabled: "Activé",
         disabled: "Désactivé",
 
-        stationInfo: "Info Terminal (STA)",
-        hotspotInfo: "Info Point d'Accès (AP)",
+        stationInfo: "Terminal(STA)",
+        hotspotInfo: "Point d'Accès(AP)",
         signalStrength: "Puissance du Signal",
         gateway: "Passerelle",
         netmask: "Masque de Sous-réseau",
diff --git a/src/locales/zh.ts b/src/locales/zh.ts
index cf92d72..74d2c1b 100644
--- a/src/locales/zh.ts
+++ b/src/locales/zh.ts
@@ -181,8 +181,8 @@ export default {
         enabled: "已开启",
         disabled: "未开启",
 
-        stationInfo: "终端(STA)信息",
-        hotspotInfo: "自发热点(AP)信息",
+        stationInfo: "终端(STA)",
+        hotspotInfo: "自发热点(AP)",
         signalStrength: "信号强度",
         gateway: "网关",
         netmask: "掩码",
diff --git a/src/views/Wifi.vue b/src/views/Wifi.vue
index 6d4d57f..841e7f3 100644
--- a/src/views/Wifi.vue
+++ b/src/views/Wifi.vue
@@ -46,7 +46,7 @@
       </el-form-item>
       <div class="mb-2">
         <el-alert type="info" show-icon>
-          {{ translate("wifi.connectInfo")}}
+          {{ translate("wifi.connectInfoHTML")}}
         </el-alert>
       </div>
       <div class="flex justify-center">
@@ -85,6 +85,10 @@
         border
         class="description-style"
     >
+      <template #title>
+        Wi-Fi {{ translate('wifi.stationInfo') }}
+        <el-tag v-if="!isConnected" type="danger">{{ translate('wifi.disconnected') }}</el-tag>
+      </template>
       <template #extra>
         <el-switch v-model="wifiSta_On" :disabled="wsStore.state != ControlEvent.CONNECTED || !wifiAp_On"
                    :active-text="translate('wifi.enabled')" :inactive-text="translate('wifi.disabled')" :loading="wifiMode_loading"
@@ -246,6 +250,10 @@
         border
         class="description-style"
     >
+      <template #title>
+        Wi-Fi {{ translate('wifi.hotspotInfo') }}
+        <el-tag v-if="!isConnected" type="danger">{{ translate('wifi.disconnected') }}</el-tag>
+      </template>
       <template #extra>
         <el-switch v-model="wifiAp_On" :disabled="wsStore.state != ControlEvent.CONNECTED || !wifiSta_On"
                    :loading="wifiMode_loading" :active-text="translate('wifi.enabled')" :inactive-text="translate('wifi.disabled')"