diff --git a/web/src/views/tasks/components/TaskCronConfig.vue b/web/src/views/tasks/components/TaskCronConfig.vue
index bd68d1b..928eaf4 100644
--- a/web/src/views/tasks/components/TaskCronConfig.vue
+++ b/web/src/views/tasks/components/TaskCronConfig.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
 import { Zap, Clock } from 'lucide-vue-next'
 import { cn } from '@/lib/utils'
 import { getCronDescription } from '@/utils/cron'
@@ -37,12 +38,10 @@ const cronDescription = computed(() => {
 </script>
 
 <template>
-  <div class="grid grid-cols-1 sm:grid-cols-4 items-center gap-3">
-    <div class="sm:text-right flex sm:block items-center gap-2">
-      <slot name="label">
-        <label class="text-xs text-foreground/70 uppercase tracking-wider font-bold">定时规则</label>
-      </slot>
-    </div>
+  <div class="grid grid-cols-1 sm:grid-cols-4 items-start gap-3">
+    <slot name="label">
+      <Label class="sm:text-right text-xs text-foreground/70 uppercase tracking-wider font-bold pt-2.5">定时规则</Label>
+    </slot>
     <div class="sm:col-span-3">
       <Input v-model="schedule" placeholder="秒 分 时 日 月 周 (必须 6 位)" :class="cn('h-9 bg-muted/30 border-muted-foreground/20 transition-all focus:ring-1 focus:ring-primary/40 focus:border-primary/40', schedule ? 'font-mono text-sm tracking-[0.1em] font-medium' : 'text-[11px] font-normal')" autocomplete="off" />
       <div v-if="cronDescription" class="mt-2.5 p-2 rounded-lg bg-primary/5 border border-primary/10 text-[11px] text-primary font-medium flex items-center gap-2 animate-in fade-in slide-in-from-top-1 duration-300">