Merge pull request #2342 from SpareBank1/develop_fix-header-bug

fix(ffe-header): remove unwanted space when no notification
SpareBank1 · Oct 3, 2024 · 09f1e4b · 09f1e4b
2 parents 047f33e + 6d05569
commit 09f1e4b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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);
             }
         }