diff --git a/apps/api b/apps/api
index 0830abf057..8b87cde733 160000
--- a/apps/api
+++ b/apps/api
@@ -1 +1 @@
-Subproject commit 0830abf057033642aaad19cac398bbe7dc2d5bd5
+Subproject commit 8b87cde733acef43660e7105e5f67eb4f2d86d20
diff --git a/apps/console b/apps/console
index b6273cf095..f9eb69a246 160000
--- a/apps/console
+++ b/apps/console
@@ -1 +1 @@
-Subproject commit b6273cf095f10de1717dd958066a0b2f7197e522
+Subproject commit f9eb69a246f1d5593bb36c8267410265a988ea71
diff --git a/apps/web/components/booking/AvailableTimes.tsx b/apps/web/components/booking/AvailableTimes.tsx
index 68a0bfa734..63d1ed505a 100644
--- a/apps/web/components/booking/AvailableTimes.tsx
+++ b/apps/web/components/booking/AvailableTimes.tsx
@@ -57,7 +57,7 @@ const AvailableTimes: FC<AvailableTimesProps> = ({
           </span>
         </span>
       </div>
-      <div className="flex-grow overflow-y-auto md:h-[364px]">
+      <div className="grid flex-grow grid-cols-2 gap-x-2 overflow-y-auto sm:block md:h-[364px]">
         {slots?.length > 0 &&
           slots.map((slot) => {
             type BookingURL = {
diff --git a/apps/web/components/booking/pages/AvailabilityPage.tsx b/apps/web/components/booking/pages/AvailabilityPage.tsx
index 09644bef3f..e63213bc43 100644
--- a/apps/web/components/booking/pages/AvailabilityPage.tsx
+++ b/apps/web/components/booking/pages/AvailabilityPage.tsx
@@ -395,7 +395,7 @@ const AvailabilityPage = ({ profile, eventType }: Props) => {
               isEmbed ? "mx-auto" : maxWidth
             )}>
             {/* mobile: details */}
-            <div className="block p-4 sm:p-8 md:hidden">
+            <div className="block px-4 pt-4 sm:p-8 md:hidden">
               <div>
                 <AvatarGroup
                   border="border-2 dark:border-gray-800 border-white"
diff --git a/apps/website b/apps/website
index 2b44f0b6a5..16278b5f3f 160000
--- a/apps/website
+++ b/apps/website
@@ -1 +1 @@
-Subproject commit 2b44f0b6a529a2ad6dd8e83496a8e2d8418b9c5e
+Subproject commit 16278b5f3fe87df390e7a95e83a1edea0a7d9952
diff --git a/packages/ui/booker/DatePicker.tsx b/packages/ui/booker/DatePicker.tsx
index 6efb0f0fef..e022d0f7ca 100644
--- a/packages/ui/booker/DatePicker.tsx
+++ b/packages/ui/booker/DatePicker.tsx
@@ -53,7 +53,9 @@ export const Day = ({
       data-disabled={props.disabled}
       {...props}>
       {date.getDate()}
-      {dayjs(date).isToday() && <span className=" absolute left-0 bottom-1 mx-auto w-full text-4xl">.</span>}
+      {dayjs(date).isToday() && (
+        <span className="absolute left-0 bottom-0 mx-auto -mb-px w-full text-4xl">.</span>
+      )}
     </button>
   );
 };
@@ -94,7 +96,13 @@ const Days = ({
           ) : (
             <DayComponent
               date={day}
-              onClick={() => props.onChange(day)}
+              onClick={() => {
+                props.onChange(day);
+                window.scrollTo({
+                  top: 360,
+                  behavior: "smooth",
+                });
+              }}
               disabled={
                 (includedDates && !includedDates.includes(yyyymmdd(day))) ||
                 excludedDates.includes(yyyymmdd(day)) ||
@@ -173,7 +181,7 @@ const DatePicker = ({
           </button>
         </div>
       </div>
-      <div className="border-bookinglightest grid grid-cols-7 gap-4 border-t border-b text-center dark:border-gray-800 sm:border-0">
+      <div className="border-bookinglightest mb-2 grid grid-cols-7 gap-4 border-t border-b text-center dark:border-gray-800 sm:mb-0 sm:border-0">
         {weekdayNames(locale, weekStart, "short").map((weekDay) => (
           <div key={weekDay} className="text-bookinglight my-4 text-xs uppercase tracking-widest">
             {weekDay}