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 @@
- {% icon icon="error_outlined" icon_position="after" outlined=True %} + {% icon icon="error_outlined" outlined=True %} {{ warning_banner_text }}
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'],