diff --git a/src/open_inwoner/components/templates/components/Header/WarningHeader.html b/src/open_inwoner/components/templates/components/Header/WarningHeader.html
index ee0b5a4582..135f1969cb 100644
--- a/src/open_inwoner/components/templates/components/Header/WarningHeader.html
+++ b/src/open_inwoner/components/templates/components/Header/WarningHeader.html
@@ -9,7 +9,7 @@
diff --git a/src/open_inwoner/scss/components/WarningHeader/WarningHeader.scss b/src/open_inwoner/scss/components/WarningHeader/WarningHeader.scss
index 24c7fa1491..1983bbdf59 100644
--- a/src/open_inwoner/scss/components/WarningHeader/WarningHeader.scss
+++ b/src/open_inwoner/scss/components/WarningHeader/WarningHeader.scss
@@ -7,14 +7,16 @@
display: flex;
align-items: flex-start;
padding: 0;
- margin: 0 auto;
+ margin: 0;
@media (min-width: 768px) {
max-width: var(--container-width);
+ margin: 0
+ max((100vw - var(--container-width)) / 2 - 7px, var(--spacing-large));
}
.warning-header__text {
- padding: var(--spacing-small);
+ padding: var(--spacing-tiny) 0 0 0;
}
*[class*='icon'],