diff --git a/apps/scandic-web/components/DatePicker/date-picker.module.css b/apps/scandic-web/components/DatePicker/date-picker.module.css
index b57a68b96..173c1f90f 100644
--- a/apps/scandic-web/components/DatePicker/date-picker.module.css
+++ b/apps/scandic-web/components/DatePicker/date-picker.module.css
@@ -46,7 +46,7 @@
 
   .container[data-isopen="true"] .hideWrapper {
     border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
-    top: 20px;
+    top: calc(max(var(--sitewide-alert-height), 20px));
   }
 }
 
diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/Dialog/dialog.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/Dialog/dialog.module.css
index 645bd8498..341e7cb2e 100644
--- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/Dialog/dialog.module.css
+++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/Search/SearchList/Dialog/dialog.module.css
@@ -9,7 +9,7 @@
   overflow-y: auto;
   padding: var(--Spacing-x2) var(--Spacing-x3);
   position: fixed;
-  top: 170px;
+  top: calc(140px + max(var(--sitewide-alert-height), 25px));
   width: 100%;
   height: calc(100% - 200px);
   z-index: 10010;