diff --git a/erpnext/www/book-appointment/index.css b/erpnext/www/book-appointment/index.css
index a6e6313f796..d5202065eac 100644
--- a/erpnext/www/book-appointment/index.css
+++ b/erpnext/www/book-appointment/index.css
@@ -7,6 +7,12 @@
     border: 0.5px solid #cccccc;
     min-height: 75px;
     padding: 0.5em 1em;
+    
+}
+
+#timeslot-container{
+	display: grid;
+	grid-template-columns: repeat(6, 1fr);
 }
 
 .time-slot:hover {