diff --git a/napcat.webui/src/pages/NetWork.vue b/napcat.webui/src/pages/NetWork.vue
index 07ad85a4..d9c51114 100644
--- a/napcat.webui/src/pages/NetWork.vue
+++ b/napcat.webui/src/pages/NetWork.vue
@@ -183,6 +183,10 @@ const showAddTabDialog = () => {
 
 const addTab = async () => {
     const { name, type } = newTab.value;
+    if (clientPanelData.some(panel => panel.name === name)) {
+        MessagePlugin.error('选项卡名称已存在');
+        return;
+    }
     const defaultConfig = structuredClone(defaultConfigs[type]);
     defaultConfig.name = name;
     clientPanelData.push({ name, data: defaultConfig, key: type });
@@ -192,9 +196,10 @@ const addTab = async () => {
     MessagePlugin.success('选项卡添加成功');
 };
 
-const removeTab = (payload: { value: string; index: number; e: PointerEvent }) => {
+const removeTab = async (payload: { value: string; index: number; e: PointerEvent }) => {
     clientPanelData.splice(payload.index, 1);
     activeTab.value = Math.max(0, activeTab.value - 1);
+    await saveConfig();
 };
 
 onMounted(() => {
@@ -225,6 +230,35 @@ onMounted(() => {
     flex-direction: column;
 }
 
+.button-container {
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+}
+</style>
+<style scoped>
+.full-space {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+}
+
+.full-tabs {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.full-tab-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+
 .button-container {
     display: flex;
     justify-content: center;
diff --git a/napcat.webui/src/pages/OtherConfig.vue b/napcat.webui/src/pages/OtherConfig.vue
index 6a1569bb..f2e4dc66 100644
--- a/napcat.webui/src/pages/OtherConfig.vue
+++ b/napcat.webui/src/pages/OtherConfig.vue
@@ -1,17 +1,21 @@
 <template>
-    <div class="other-config">
-        <div>
-            <t-divider content="其余配置" align="left" />
+    <div>
+        <t-divider content="其余配置" align="left" />
+    </div>
+    <div class="other-config-container">
+        <div class="other-config">
+            <t-form ref="form" :model="otherConfig" class="form">
+                <t-form-item label="音乐签名地址" name="musicSignUrl" class="form-item">
+                    <t-input v-model="otherConfig.musicSignUrl" />
+                </t-form-item>
+                <t-form-item label="启用本地文件到URL" name="enableLocalFile2Url" class="form-item">
+                    <t-switch v-model="otherConfig.enableLocalFile2Url" />
+                </t-form-item>
+            </t-form>
+            <div class="button-container">
+                <t-button @click="saveConfig">保存</t-button>
+            </div>
         </div>
-        <t-form ref="form" :model="otherConfig" class="form">
-            <t-form-item label="音乐签名地址" name="musicSignUrl" class="form-item">
-                <t-input v-model="otherConfig.musicSignUrl" />
-            </t-form-item>
-            <t-form-item label="启用本地文件到URL" name="enableLocalFile2Url" class="form-item">
-                <t-switch v-model="otherConfig.enableLocalFile2Url" />
-            </t-form-item>
-        </t-form>
-        <t-button @click="saveConfig">保存</t-button>
     </div>
 </template>
 
@@ -83,8 +87,20 @@ onMounted(() => {
 </script>
 
 <style scoped>
-.other-config {
+.other-config-container {
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
     padding: 20px;
+    box-sizing: border-box;
+}
+
+.other-config {
+    width: 100%;
+    max-width: 600px;
+    background: #fff;
+    padding: 20px;
+    border-radius: 8px;
 }
 
 .form {
@@ -98,6 +114,11 @@ onMounted(() => {
     margin-bottom: 20px;
 }
 
+.button-container {
+    display: flex;
+    justify-content: center;
+}
+
 @media (min-width: 768px) {
     .form-item {
         flex-direction: row;