diff --git a/web/src/components/Index.vue b/web/src/components/Index.vue
index d851a1d..2f784a6 100644
--- a/web/src/components/Index.vue
+++ b/web/src/components/Index.vue
@@ -345,9 +345,9 @@ const siteTitle = computed(() => {
     </nav>
 
     <!-- 主要内容区域 -->
-    <main class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
+    <main class="max-w-7xl mx-auto py-2 px-4 sm:px-2 lg:px-8">
       <!-- <div class="bg-white rounded-lg shadow-sm border border-gray-200"> -->
-      <div class="">
+      <div>
         <!-- 使用 router-view 显示嵌套路由的内容 -->
         <router-view></router-view>
       </div>
diff --git a/web/src/components/pages/cronMessages/CronMessages.vue b/web/src/components/pages/cronMessages/CronMessages.vue
index a176a78..6f229a0 100644
--- a/web/src/components/pages/cronMessages/CronMessages.vue
+++ b/web/src/components/pages/cronMessages/CronMessages.vue
@@ -149,7 +149,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="p-6 w-full max-w-6xl mx-auto space-y-2">
+  <div class="p-4 w-full max-w-6xl mx-auto space-y-2">
     <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 sm:gap-4">
       <div class="flex flex-col sm:flex-row gap-2 sm:gap-4">
         <div class="flex-1 sm:flex-initial">
diff --git a/web/src/components/pages/dashboard/Dashboard.vue b/web/src/components/pages/dashboard/Dashboard.vue
index 42d3c3e..b2749d3 100644
--- a/web/src/components/pages/dashboard/Dashboard.vue
+++ b/web/src/components/pages/dashboard/Dashboard.vue
@@ -421,7 +421,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="w-[90%] mx-auto grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3  lg:grid-cols-5 gap-4">
+  <div class="w-[90%] mx-auto pt-4 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3  lg:grid-cols-5 gap-4">
     <StatCard title="推送留存数" :value="state.basicData.message_total_num" description="" :icon="DatabaseIcon" />
     <StatCard title="托管消息数" :value="state.basicData.hosted_message_total_num" description="" :icon="BarChartIcon" />
     <StatCard title="今日发送数" :value="state.basicData.today_total_num" description="" :icon="SendIcon" />
diff --git a/web/src/components/pages/hostedMessage/HostedMessage.vue b/web/src/components/pages/hostedMessage/HostedMessage.vue
index 64a9de7..9c6c199 100644
--- a/web/src/components/pages/hostedMessage/HostedMessage.vue
+++ b/web/src/components/pages/hostedMessage/HostedMessage.vue
@@ -100,7 +100,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="p-6 w-full max-w-6xl mx-auto space-y-2">
+  <div class="p-4 w-full max-w-6xl mx-auto space-y-2">
     <div class="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4">
       <div class="flex-1 sm:flex-initial">
         <Input v-model="state.search" placeholder="搜索消息..." class="w-full sm:w-64" @keyup.enter="filterFunc"
diff --git a/web/src/components/pages/sendLogs/SendLogs.vue b/web/src/components/pages/sendLogs/SendLogs.vue
index 426af56..602ad0f 100644
--- a/web/src/components/pages/sendLogs/SendLogs.vue
+++ b/web/src/components/pages/sendLogs/SendLogs.vue
@@ -130,7 +130,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="p-6 w-full max-w-6xl mx-auto space-y-2">
+  <div class="p-4 w-full max-w-6xl mx-auto space-y-2">
     <div class="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4">
       <div class="flex-1 sm:flex-initial">
         <Input v-model="state.search" placeholder="搜索任务..." class="w-full sm:w-64" @keyup.enter="filterFunc"
diff --git a/web/src/components/pages/sendTasks/SendTasks.vue b/web/src/components/pages/sendTasks/SendTasks.vue
index 105dd99..5711538 100644
--- a/web/src/components/pages/sendTasks/SendTasks.vue
+++ b/web/src/components/pages/sendTasks/SendTasks.vue
@@ -165,7 +165,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="p-6 w-full max-w-6xl mx-auto space-y-2">
+  <div class="p-4 w-full max-w-6xl mx-auto space-y-2">
     <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 sm:gap-4">
       <div class="flex flex-col sm:flex-row gap-2 sm:gap-4">
         <div class="flex-1 sm:flex-initial">
diff --git a/web/src/components/pages/sendWays/SendWays.vue b/web/src/components/pages/sendWays/SendWays.vue
index 876e219..88b0b01 100644
--- a/web/src/components/pages/sendWays/SendWays.vue
+++ b/web/src/components/pages/sendWays/SendWays.vue
@@ -158,7 +158,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="p-6 w-full max-w-6xl mx-auto space-y-2">
+  <div class="p-4 w-full max-w-6xl mx-auto space-y-2">
     <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 sm:gap-4">
       <div class="flex flex-col sm:flex-row gap-2 sm:gap-4">
         <div class="flex-1 sm:flex-initial">