From baa0b22562c3dcc11dc99db5d50c0ebfbf3737b2 Mon Sep 17 00:00:00 2001
From: Linus Flood <linus.flood@scandichotels.com>
Date: Tue, 17 Dec 2024 09:39:20 +0100
Subject: [PATCH] fix/skeletonshimmer: sometimes shimmer(div element) was
 rendered inside a paragraph element, wich is not allowed

---
 components/Current/Header/MainMenu/index.tsx   | 5 +----
 components/SkeletonShimmer/skeleton.module.css | 1 +
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/Current/Header/MainMenu/index.tsx b/components/Current/Header/MainMenu/index.tsx
index ac199287d..79435abad 100644
--- a/components/Current/Header/MainMenu/index.tsx
+++ b/components/Current/Header/MainMenu/index.tsx
@@ -265,10 +265,7 @@ export function MainMenuSkeleton() {
 
           <ul className={styles.listWrapper}>
             {links.map((link, i) => (
-              <li
-                className={`${styles.li} ${styles.skeletonWrapper}`}
-                key={link.href + i}
-              >
+              <li className={`${styles.li} ${styles.skeletonWrapper}`} key={i}>
                 <SkeletonShimmer height="22px" width="130px" />
               </li>
             ))}
diff --git a/components/SkeletonShimmer/skeleton.module.css b/components/SkeletonShimmer/skeleton.module.css
index 6179f08e5..8b18592c7 100644
--- a/components/SkeletonShimmer/skeleton.module.css
+++ b/components/SkeletonShimmer/skeleton.module.css
@@ -21,6 +21,7 @@
   background-color: var(--shimmer-background);
   position: relative;
   overflow: hidden;
+  display: inline-block;
   border-radius: 4px;
   min-height: 1em;
   min-width: 2ch;