app/(admin)/admin/booking/[id]/page.tsx

@@ -457,7 +457,7 @@ export default function AppointmentDetailPage() {
                           }
                           setRescheduleDialogOpen(true);
                         }}
-                        className={`flex items-center gap-2 px-3 py-2 rounded-lg transition-colors bg-blue-600 hover:bg-blue-700 text-white`}
+                        className={`flex items-center gap-2 px-3 py-2 rounded-lg transition-colors text-blue-600 hover:text-blue-700 ${isDark ? "hover:bg-blue-900/20" : "hover:bg-blue-50"}`}
                         title="Reschedule Appointment"
                       >
                         <Pencil className="w-4 h-4 shrink-0 sm:hidden" />