diff --git a/src/formkit/theme.ts b/src/formkit/theme.ts
index d609b94dd..f93088ccf 100644
--- a/src/formkit/theme.ts
+++ b/src/formkit/theme.ts
@@ -1,8 +1,8 @@
 const textClassification = {
   label: "block font-bold text-sm formkit-invalid:text-red-500 w-56",
-  wrapper: "flex flex-row items-center",
+  wrapper: "flex flex-col sm:flex-row items-start sm:items-center",
   inner:
-    "inline-flex items-center w-full relative box-border border border-gray-300 formkit-invalid:border-red-500 rounded-[4px] overflow-hidden focus-within:border-themeable-primary-500",
+    "inline-flex items-center w-full relative box-border border border-gray-300 formkit-invalid:border-red-500 rounded-[4px] overflow-hidden focus-within:border-themeable-primary-500 mt-2 sm:mt-0",
   input:
     "outline-0 bg-white antialiased resize-none w-full text-black block transition-all appearance-none h-9 px-3 text-sm",
 };
@@ -29,7 +29,7 @@ const theme: Record<string, Record<string, string>> = {
     help: "text-xs text-gray-500",
     messages: "list-none p-0 mt-1 mb-0",
     message: "text-red-500 mb-1 text-xs",
-    form: "flex flex-col divide-y divide-gray-100 space-y-3",
+    form: "flex flex-col space-y-4",
   },
   button: buttonClassification,
   color: {
diff --git a/src/modules/contents/pages/PageList.vue b/src/modules/contents/pages/PageList.vue
index 333f871f4..47f8fdd33 100644
--- a/src/modules/contents/pages/PageList.vue
+++ b/src/modules/contents/pages/PageList.vue
@@ -42,6 +42,7 @@ const users = ref<User[]>([]);
 
 const activeId = ref("functional");
 const checkAll = ref(false);
+
 const pagesPublicState = ref<PagesPublicState>({
   functionalPages: [],
 });
diff --git a/src/modules/system/settings/GeneralSettings.vue b/src/modules/system/settings/GeneralSettings.vue
index d9b191655..b993f4c1f 100644
--- a/src/modules/system/settings/GeneralSettings.vue
+++ b/src/modules/system/settings/GeneralSettings.vue
@@ -2,7 +2,7 @@
 import { VButton } from "@halo-dev/components";
 </script>
 <template>
-  <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:pt-5">
+  <div class="w-1/3">
     <FormKit :actions="false" type="form">
       <FormKit label="站点地址" type="url"></FormKit>
       <FormKit label="站点标题" type="text"></FormKit>
diff --git a/src/modules/system/settings/NotificationSettings.vue b/src/modules/system/settings/NotificationSettings.vue
index d9b191655..b993f4c1f 100644
--- a/src/modules/system/settings/NotificationSettings.vue
+++ b/src/modules/system/settings/NotificationSettings.vue
@@ -2,7 +2,7 @@
 import { VButton } from "@halo-dev/components";
 </script>
 <template>
-  <div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:pt-5">
+  <div class="w-1/3">
     <FormKit :actions="false" type="form">
       <FormKit label="站点地址" type="url"></FormKit>
       <FormKit label="站点标题" type="text"></FormKit>
diff --git a/vite.config.ts b/vite.config.ts
index f599687c4..d68813705 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,6 +12,7 @@ export default ({ mode }: { mode: string }) => {
   const isProduction = mode === "production";
 
   return defineConfig({
+    base: "./",
     plugins: [
       Vue(),
       VueJsx(),