diff --git a/src/components/DatePicker.vue b/src/components/DatePicker.vue
index a6fe8e8..7ca1bc5 100644
--- a/src/components/DatePicker.vue
+++ b/src/components/DatePicker.vue
@@ -89,7 +89,7 @@ function openPicker(): void {
     <button
       v-if="modelValue"
       type="button"
-      class="shrink-0 rounded px-2 py-1 text-xs text-slate-500 transition hover:bg-slate-100 dark:text-zinc-400 dark:hover:bg-zinc-800"
+      class="shrink-0 rounded-md border border-slate-300 px-2.5 py-1 text-xs text-slate-600 transition hover:bg-slate-100 dark:border-zinc-600 dark:text-zinc-300 dark:hover:bg-zinc-800"
       @click="emit('update:modelValue', null)"
     >
       清除
diff --git a/src/components/TaskDetailDrawer.vue b/src/components/TaskDetailDrawer.vue
index d6a7cdf..634f228 100644
--- a/src/components/TaskDetailDrawer.vue
+++ b/src/components/TaskDetailDrawer.vue
@@ -139,7 +139,7 @@ function remove(): void {
       <div class="flex items-center justify-between">
         <button
           type="button"
-          class="rounded-md px-2.5 py-1.5 text-sm text-rose-600 transition hover:bg-rose-50 dark:text-rose-400 dark:hover:bg-rose-950"
+          class="rounded-md border border-rose-300 px-2.5 py-1.5 text-sm text-rose-600 transition hover:bg-rose-50 dark:border-rose-800 dark:text-rose-400 dark:hover:bg-rose-950"
           @click="remove"
         >
           删除