fix(SW-565): Fixed that tooltip doesn't block anything.

components/GuestsRoomsPicker/Form.tsx

@@ -99,7 +99,7 @@ export default function GuestsRoomsPickerDialog({
             <Tooltip
               heading={disabledBookingOptionsHeader}
               text={disabledBookingOptionsText}
-              position="top"
+              position="bottom"
               arrow="left"
             >
               {rooms.length < 4 ? (
@@ -124,7 +124,7 @@ export default function GuestsRoomsPickerDialog({
           <Tooltip
             heading={disabledBookingOptionsHeader}
             text={disabledBookingOptionsText}
-            position="top"
+            position="bottom"
             arrow="left"
           >
             {rooms.length < 4 ? (

components/TempDesignSystem/Tooltip/index.tsx

@@ -28,6 +28,7 @@ export function Tooltip<P extends TooltipPosition>({
       role="tooltip"
       aria-label={text}
       onClick={handleToggle}
+      onTouchStart={handleToggle}
       data-active={isActive}
     >
       <div className={className}>

components/TempDesignSystem/Tooltip/tooltip.module.css

@@ -16,6 +16,7 @@
   transition: opacity 0.3s;
   max-width: 200px;
   min-width: 150px;
+  height: fit-content;
 }
 
 .tooltipContainer:hover .tooltip {