diff --git a/erpnext/www/book_appointment/index.css b/erpnext/www/book_appointment/index.css
index 277610876f7..3b1b97c7b84 100644
--- a/erpnext/www/book_appointment/index.css
+++ b/erpnext/www/book_appointment/index.css
@@ -45,7 +45,7 @@
 
 .time-slot.selected {
     color: white;
-    background: #5e64ff;
+    background: var(--primary-color);
 }
 
 .time-slot.selected .text-muted {