diff --git a/src/webui/ui/NapCat.ts b/src/webui/ui/NapCat.ts
index f0e7bc2f..37e3ddd7 100644
--- a/src/webui/ui/NapCat.ts
+++ b/src/webui/ui/NapCat.ts
@@ -37,14 +37,14 @@ async function onSettingWindowCreated(view: Element) {
           "启用 HTTP 服务",
           undefined,
           SettingSwitch("ob11.http.enable", ob11Config.http.enable, {
-            "control-display-id": "config-ob11-http.port",
+            "control-display-id": "config-ob11-http-port",
           })
         ),
         SettingItem(
           "HTTP 服务监听端口",
           undefined,
           `<div class="q-input"><input class="q-input__inner" data-config-key="ob11.http.port" type="number" min="1" max="65534" value="${ob11Config.http.port}" placeholder="${ob11Config.http.port}" /></div>`,
-          "config-ob11-http.port",
+          "config-ob11-http-port",
           ob11Config.http.enable
         ),
         SettingItem(
diff --git a/static/assets/renderer.js b/static/assets/renderer.js
index 7e88edc2..9c3ca6e4 100644
--- a/static/assets/renderer.js
+++ b/static/assets/renderer.js
@@ -175,14 +175,14 @@ async function onSettingWindowCreated(view) {
           "启用 HTTP 服务",
           void 0,
           SettingSwitch("ob11.http.enable", ob11Config.http.enable, {
-            "control-display-id": "config-ob11-http.port"
+            "control-display-id": "config-ob11-http-port"
           })
         ),
         SettingItem(
           "HTTP 服务监听端口",
           void 0,
           `<div class="q-input"><input class="q-input__inner" data-config-key="ob11.http.port" type="number" min="1" max="65534" value="${ob11Config.http.port}" placeholder="${ob11Config.http.port}" /></div>`,
-          "config-ob11-http.port",
+          "config-ob11-http-port",
           ob11Config.http.enable
         ),
         SettingItem(