From 6d055695cddcc5deff8576957481f81e707704e0 Mon Sep 17 00:00:00 2001
From: Peter Hellstrand <peter.hellstrand@sparebank1.no>
Date: Thu, 3 Oct 2024 10:06:28 +0200
Subject: [PATCH] fix(ffe-header): remove unwanted space when no notification

---
 packages/ffe-header/Header.stories.tsx   | 8 ++++----
 packages/ffe-header/less/ffe-header.less | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ffe-header/Header.stories.tsx b/packages/ffe-header/Header.stories.tsx
index e096a8479f..b376d43dbf 100644
--- a/packages/ffe-header/Header.stories.tsx
+++ b/packages/ffe-header/Header.stories.tsx
@@ -104,16 +104,16 @@ export const Standard: Story = {
                                         />
                                     </span>
                                 </span>
-                                <div className="ffe-header__svg-icon ffe-header__user-icon">
+                                <span className="ffe-header__svg-icon ffe-header__user-icon">
                                     <Icon
                                         fileUrl={personIcon}
                                         aria-label="bruker"
                                         size="xl"
                                     />
-                                </div>
-                                <div className="ffe-header__notification-bubble">
+                                </span>
+                                <span className="ffe-header__notification-bubble">
                                     5
-                                </div>
+                                </span>
                             </button>
                         </div>
 
diff --git a/packages/ffe-header/less/ffe-header.less b/packages/ffe-header/less/ffe-header.less
index 8232a35eb9..3163f9c8be 100644
--- a/packages/ffe-header/less/ffe-header.less
+++ b/packages/ffe-header/less/ffe-header.less
@@ -335,9 +335,9 @@
         &__icon-button--user-nav {
             display: grid;
             grid-template-columns: 1fr auto;
-            gap: var(--ffe-spacing-sm);
             .ffe-header__notification-bubble {
                 grid-area: 1 e('/') 1 e('/') span 1 e('/') span 1;
+                margin-right: var(--ffe-spacing-sm);
             }
         }