diff --git a/frontend/src/views/container/compose/create/index.vue b/frontend/src/views/container/compose/create/index.vue
index 3a2411b2c..7aedbb9e5 100644
--- a/frontend/src/views/container/compose/create/index.vue
+++ b/frontend/src/views/container/compose/create/index.vue
@@ -158,7 +158,7 @@ const form = reactive({
 });
 const rules = reactive({
     name: [Rules.requiredInput, Rules.imageName],
-    path: [Rules.requiredSelect],
+    path: [Rules.requiredInput],
     template: [Rules.requiredSelect],
 });
 
diff --git a/frontend/src/views/container/image/load/index.vue b/frontend/src/views/container/image/load/index.vue
index 975bd554d..20b8bd7ad 100644
--- a/frontend/src/views/container/image/load/index.vue
+++ b/frontend/src/views/container/image/load/index.vue
@@ -6,7 +6,7 @@
         <el-form @submit.prevent v-loading="loading" ref="formRef" :model="form" label-position="top">
             <el-row type="flex" justify="center">
                 <el-col :span="22">
-                    <el-form-item :label="$t('container.path')" :rules="Rules.requiredSelect" prop="path">
+                    <el-form-item :label="$t('container.path')" :rules="Rules.requiredInput" prop="path">
                         <el-input v-model="form.path">
                             <template #prepend>
                                 <FileList @choose="loadLoadDir" :dir="false"></FileList>
diff --git a/frontend/src/views/container/image/save/index.vue b/frontend/src/views/container/image/save/index.vue
index 26301fe79..e19bda3fa 100644
--- a/frontend/src/views/container/image/save/index.vue
+++ b/frontend/src/views/container/image/save/index.vue
@@ -17,7 +17,7 @@
                             />
                         </el-select>
                     </el-form-item>
-                    <el-form-item :label="$t('container.path')" :rules="Rules.requiredSelect" prop="path">
+                    <el-form-item :label="$t('container.path')" :rules="Rules.requiredInput" prop="path">
                         <el-input v-model="form.path">
                             <template #prepend>
                                 <FileList @choose="loadSaveDir" :dir="true"></FileList>
diff --git a/frontend/src/views/cronjob/operate/index.vue b/frontend/src/views/cronjob/operate/index.vue
index 108198be5..faab8b2bc 100644
--- a/frontend/src/views/cronjob/operate/index.vue
+++ b/frontend/src/views/cronjob/operate/index.vue
@@ -370,7 +370,7 @@ const rules = reactive({
     website: [Rules.requiredSelect],
     dbName: [Rules.requiredSelect],
     url: [Rules.requiredInput],
-    sourceDir: [Rules.requiredSelect],
+    sourceDir: [Rules.requiredInput],
     targetDirID: [Rules.requiredSelect, Rules.number],
     retainCopies: [Rules.number],
 });
diff --git a/frontend/src/views/cronjob/record/index.vue b/frontend/src/views/cronjob/record/index.vue
index a33078d81..2cb4cc87b 100644
--- a/frontend/src/views/cronjob/record/index.vue
+++ b/frontend/src/views/cronjob/record/index.vue
@@ -123,8 +123,8 @@
                 </el-row>
             </template>
             <template #main>
-                <div style="overflow: auto">
-                    <el-row :gutter="20" v-show="hasRecords" style="min-width: 900px">
+                <div class="mainClass">
+                    <el-row :gutter="20" v-show="hasRecords" class="mainRowClass">
                         <el-col :span="8">
                             <div>
                                 <ul class="infinite-list" style="overflow: auto">
@@ -716,4 +716,13 @@ defineExpose({
 .description {
     width: 30%;
 }
+
+@media only screen and (max-width: 1000px) {
+    .mainClass {
+        overflow: auto;
+    }
+    .mainRowClass {
+        min-width: 900px;
+    }
+}
 </style>