fix(BOOK-699): Height of dialog now fits content with max-height

Approved-by: Bianca Widstam
Approved-by: Matilda Landström

apps/scandic-web/components/DestinationFilterAndSort/destinationFilterAndSort.module.css

@@ -5,7 +5,6 @@
   align-items: center;
   justify-content: center;
   background: rgba(0, 0, 0, 0.5);
-  align-items: center;
   z-index: var(--default-modal-overlay-z-index);
 }
 
@@ -35,7 +34,8 @@
   align-content: start;
   padding: var(--Space-x4) var(--Space-x3);
   overflow-y: auto;
-  height: min(calc(80dvh - 180px), 500px);
+  height: max-content;
+  max-height: calc(80dvh - 180px);
 }
 
 .alertWrapper:not(:empty) {

packages/booking-flow/lib/components/SelectHotel/Filters/FilterAndSortModal/filterAndSortModal.module.css

@@ -125,7 +125,8 @@
   .modal {
     left: 50%;
     bottom: 50%;
-    height: min(80dvh, 680px);
+    height: max-content;
+    max-height: 80dvh;
     width: min(80dvw, 960px);
     translate: -50% 50%;
     overflow-y: auto;