diff --git a/frontend/src/lang/modules/en.ts b/frontend/src/lang/modules/en.ts
index 83cc74b48..af3c675f0 100644
--- a/frontend/src/lang/modules/en.ts
+++ b/frontend/src/lang/modules/en.ts
@@ -1246,7 +1246,7 @@ const message = {
         infoDetail: 'File properties',
         root: 'Root directory',
         list: 'File list',
-        sub: 'Include subdirectories',
+        sub: 'Subdirectories',
         downloadSuccess: 'Successfully downloaded',
         theme: 'Theme',
         language: 'Language',
diff --git a/frontend/src/styles/element-dark.scss b/frontend/src/styles/element-dark.scss
index afb7175b3..13ac5310c 100644
--- a/frontend/src/styles/element-dark.scss
+++ b/frontend/src/styles/element-dark.scss
@@ -460,4 +460,14 @@ html.dark {
     .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
         background-color: var(--panel-main-bg-color-10);
     }
+
+    .custom-input-textarea {
+        background-color: var(--panel-main-bg-color-10) !important;
+        color: var(--el-color-info) !important;
+    }
+    .custom-input-textarea:hover {
+        background-color: var(--panel-main-bg-color-9) !important;
+        color: var(--el-color-primary) !important;
+    }
+
 }
diff --git a/frontend/src/styles/element.scss b/frontend/src/styles/element.scss
index db0ca58a9..620e00cef 100644
--- a/frontend/src/styles/element.scss
+++ b/frontend/src/styles/element.scss
@@ -263,3 +263,10 @@ html {
     background-color: #f5f7fa !important;
     color: var(--el-color-info) !important;
 }
+
+.custom-input-textarea:hover {
+    color: var(--el-color-primary) !important;
+    background-color: var(--el-color-primary-light-9) !important;
+    border-color: var(--el-button-border-color) !important;
+}
+
diff --git a/frontend/src/views/container/setting/index.vue b/frontend/src/views/container/setting/index.vue
index 234d476ef..71a2f00f6 100644
--- a/frontend/src/views/container/setting/index.vue
+++ b/frontend/src/views/container/setting/index.vue
@@ -38,7 +38,7 @@
                 <el-row style="margin-top: 20px" v-if="confShowType === 'base'">
                     <el-col :span="1"><br /></el-col>
                     <el-col :xs="24" :sm="24" :md="15" :lg="12" :xl="10">
-                        <el-form :model="form" label-position="left" :rules="rules" ref="formRef" label-width="120px">
+                        <el-form :model="form" label-position="left" :rules="rules" ref="formRef" label-width="auto">
                             <el-form-item :label="$t('container.mirrors')" prop="mirrors">
                                 <div
                                     class="flex w-full justify-start flex-col sm:flex-row sm:items-end"
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index aef3fa809..e9bac0c1b 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -386,7 +386,7 @@
                             </div>
                         </template>
                     </el-table-column>
-                    <el-table-column :label="$t('file.mode')" prop="mode" max-width="50">
+                    <el-table-column :label="$t('file.mode')" prop="mode" max-width="50" min-width="110px">
                         <template #default="{ row }">
                             <el-link :underline="false" @click="openMode(row)">{{ row.mode }}</el-link>
                         </template>