From 3f77976c5c4eb6627059f4c506fcd086b89073da Mon Sep 17 00:00:00 2001
From: Jiro Ghianni <jiro@maykinmedia.nl>
Date: Tue, 19 Mar 2024 11:38:54 +0100
Subject: [PATCH] :lipstick: [#1811] Fixed spacing warning-header text

---
 .../templates/components/Header/WarningHeader.html          | 2 +-
 .../scss/components/WarningHeader/WarningHeader.scss        | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

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 @@
 
 <div class="warning-header">
     <div class="warning-header__container">
-        <span class="warning-header__icon">{% icon icon="error_outlined" icon_position="after" outlined=True %}</span>
+        <span class="warning-header__icon">{% icon icon="error_outlined" outlined=True %}</span>
         <span class="warning-header__text">{{ warning_banner_text }}</span>
     </div>
 </div>
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'],