From c85f0650fe3808709dd6389572ae338c02d36689 Mon Sep 17 00:00:00 2001
From: Joel Lu <loophone@gmail.com>
Date: Mon, 6 Dec 2021 22:37:15 +1100
Subject: [PATCH] Fix time view not in full length (#1256)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 components/booking/AvailableTimes.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/booking/AvailableTimes.tsx b/components/booking/AvailableTimes.tsx
index 608d0da569..92e64c3107 100644
--- a/components/booking/AvailableTimes.tsx
+++ b/components/booking/AvailableTimes.tsx
@@ -45,7 +45,7 @@ const AvailableTimes: FC<AvailableTimesProps> = ({
   });
 
   return (
-    <div className="mt-8 text-center sm:pl-4 sm:mt-0 sm:w-1/3 md:-mb-5">
+    <div className="flex flex-col mt-8 text-center sm:pl-4 sm:mt-0 sm:w-1/3 md:-mb-5">
       <div className="mb-4 text-lg font-light text-left text-gray-600">
         <span className="w-1/2 text-gray-600 dark:text-white">
           <strong>{t(date.format("dddd").toLowerCase())}</strong>
@@ -55,7 +55,7 @@ const AvailableTimes: FC<AvailableTimesProps> = ({
           </span>
         </span>
       </div>
-      <div className="md:max-h-[364px] overflow-y-auto">
+      <div className="flex-grow md:h-[364px] overflow-y-auto">
         {!loading &&
           slots?.length > 0 &&
           slots.map((slot) => {