diff --git a/frontend/src/styles/moblie.scss b/frontend/src/styles/moblie.scss
index c3ac9e18d..93753f008 100644
--- a/frontend/src/styles/moblie.scss
+++ b/frontend/src/styles/moblie.scss
@@ -40,11 +40,20 @@
     .el-drawer.rtl {
         width: 80% !important;
     }
-		.site-form-wrapper {
-			width: 90% !important;
-			min-width: auto !important;
-			.el-form-item__label {
-				width: auto !important;
-			}
-		}
+    .site-form-wrapper {
+        width: 90% !important;
+        min-width: auto !important;
+        .el-form-item__label {
+            width: auto !important;
+        }
+    }
+    .moblie-form {
+        overflow: auto;
+        .el-input {
+            width: 350px;
+        }
+        .el-textarea__inner {
+            width: 350px;
+        }
+    }
 }
diff --git a/frontend/src/views/website/website/config/basic/https/index.vue b/frontend/src/views/website/website/config/basic/https/index.vue
index 3a857c854..6635bb45a 100644
--- a/frontend/src/views/website/website/config/basic/https/index.vue
+++ b/frontend/src/views/website/website/config/basic/https/index.vue
@@ -1,7 +1,14 @@
 <template>
     <el-row :gutter="20" v-loading="loading">
         <el-col :xs="24" :sm="18" :md="14" :lg="14" :xl="14">
-            <el-form ref="httpsForm" label-position="right" label-width="auto" :model="form" :rules="rules">
+            <el-form
+                class="moblie-form"
+                ref="httpsForm"
+                label-position="right"
+                label-width="auto"
+                :model="form"
+                :rules="rules"
+            >
                 <el-form-item prop="enable" :label="$t('website.enableHTTPS')">
                     <el-switch v-model="form.enable" @change="changeEnable"></el-switch>
                 </el-form-item>