diff --git a/components/BookingWidget/bookingWidget.module.css b/components/BookingWidget/bookingWidget.module.css
index 712173d19..0437c2c48 100644
--- a/components/BookingWidget/bookingWidget.module.css
+++ b/components/BookingWidget/bookingWidget.module.css
@@ -2,10 +2,9 @@
   display: none;
 }
 
-.form {
-  display: grid;
-  gap: var(--Spacing-x5);
-}
+/**
+* Update the styles after mobile UX is ready
+*/
 
 @media screen and (min-width: 1367px) {
   .container {
@@ -14,6 +13,8 @@
     gap: var(--Spacing-x3);
   }
   .form {
+    display: grid;
+    gap: var(--Spacing-x5);
     grid-template-columns: repeat(6, auto);
     align-items: center;
   }