diff --git a/components/booking/AvailableTimes.tsx b/components/booking/AvailableTimes.tsx
index 608d0da5..92e64c31 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) => {