From 84011ed485e334abe29f495713b0806563aa6e6f Mon Sep 17 00:00:00 2001
From: Robert van Hoesel <robert@crowded.co>
Date: Wed, 14 Feb 2024 18:08:28 +0100
Subject: [PATCH] Fix Tooltip

---
 src/components/layout/HeaderMeta.astro | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/layout/HeaderMeta.astro b/src/components/layout/HeaderMeta.astro
index e602f34..3599c57 100644
--- a/src/components/layout/HeaderMeta.astro
+++ b/src/components/layout/HeaderMeta.astro
@@ -25,8 +25,8 @@ interface Props {
   >
     {
       Astro.props.items?.map(({ label, icon, tooltip, href }) => (
-        <div class="flex items-center gap-2">
-          <Tooltip content={tooltip}>
+        <Tooltip content={tooltip} client:idle>
+          <div class="flex items-center gap-2">
             {icon && "src" in icon && <Image class="h-4 w-4  md:h-5 md:w-5" src={icon} alt="" />}
             {icon && icon instanceof Promise && <Svg class="h-4 w-4 text-white opacity-20 md:h-5 md:w-5" src={icon} />}
             <span class="text-xs font-bold text-white/40 md:text-sm">
@@ -42,8 +42,8 @@ interface Props {
                 label
               )}
             </span>
-          </Tooltip>
-        </div>
+          </div>
+        </Tooltip>
       ))
     }
   </div>