From 0e50f6d9f8f71852d0d060c46a8e497723090981 Mon Sep 17 00:00:00 2001
From: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
Date: Wed, 11 Oct 2023 23:58:35 +0100
Subject: [PATCH] fix: overlay-switch-media-query (#11819)

---
 .../components/OverlayCalendar/OverlayCalendarContainer.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/features/bookings/Booker/components/OverlayCalendar/OverlayCalendarContainer.tsx b/packages/features/bookings/Booker/components/OverlayCalendar/OverlayCalendarContainer.tsx
index 7603d82795..47aeb99e97 100644
--- a/packages/features/bookings/Booker/components/OverlayCalendar/OverlayCalendarContainer.tsx
+++ b/packages/features/bookings/Booker/components/OverlayCalendar/OverlayCalendarContainer.tsx
@@ -104,7 +104,11 @@ export function OverlayCalendarContainer() {
 
   return (
     <>
-      <div className={classNames("hidden gap-2", layout === "week_view" ? "lg:flex" : "md:flex")}>
+      <div
+        className={classNames(
+          "hidden gap-2",
+          layout === "week_view" || layout === "column_view" ? "xl:flex" : "md:flex"
+        )}>
         <div className="flex items-center gap-2 pr-2">
           <Switch
             data-testid="overlay-calendar-switch"