diff --git a/src/pages/Appointments/components/AppointmentSlotPicker.tsx b/src/pages/Appointments/components/AppointmentSlotPicker.tsx
index c73bdd422b8..b2c4c5bfbaf 100644
--- a/src/pages/Appointments/components/AppointmentSlotPicker.tsx
+++ b/src/pages/Appointments/components/AppointmentSlotPicker.tsx
@@ -191,9 +191,7 @@ export function AppointmentSlotPicker({
                             key={slot.id}
                             size="lg"
                             variant={
-                              selectedSlotId === slot.id
-                                ? "outline_primary"
-                                : "outline"
+                              selectedSlotId === slot.id ? "primary" : "outline"
                             }
                             onClick={() => {
                               onSlotSelect(
diff --git a/src/pages/PublicAppointments/Schedule.tsx b/src/pages/PublicAppointments/Schedule.tsx
index 5afeb4f6907..c8646530c24 100644
--- a/src/pages/PublicAppointments/Schedule.tsx
+++ b/src/pages/PublicAppointments/Schedule.tsx
@@ -225,7 +225,7 @@ export function ScheduleAppointment(props: AppointmentsProps) {
                                 size="lg"
                                 variant={
                                   selectedSlot?.id === slot.id
-                                    ? "outline_primary"
+                                    ? "primary"
                                     : "outline"
                                 }
                                 onClick={() => {