From b5611d4a13bf66fedf0b7d08d1bbaf9f8ff14ad3 Mon Sep 17 00:00:00 2001
From: Mike Tasset <mike.tasset@gmail.com>
Date: Fri, 20 Dec 2024 13:39:24 +0100
Subject: [PATCH] Fix: tooltip on members table

---
 .../src/components/layout/tabs/Horizontal.vue | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/packages/ui-components/src/components/layout/tabs/Horizontal.vue b/packages/ui-components/src/components/layout/tabs/Horizontal.vue
index 40baad4686..a5bca970e2 100644
--- a/packages/ui-components/src/components/layout/tabs/Horizontal.vue
+++ b/packages/ui-components/src/components/layout/tabs/Horizontal.vue
@@ -37,19 +37,22 @@
           :disabled="item.disabled"
           @click="setActiveItem(item)"
         >
-          <div
-            v-tippy="
-              item.disabled && item.disabledMessage ? item.disabledMessage : undefined
-            "
-            class="absolute top-0 right-0 left-0 bottom-0"
-          ></div>
           <div class="flex space-x-2 items-center">
             <component
               :is="item.icon"
               v-if="item.icon"
               class="shrink-0 h-4 w-4 stroke-[2px]"
-            ></component>
-            <span class="min-w-6">{{ item.title }}</span>
+            />
+
+            <div class="min-w-6">
+              <span
+                v-if="item.disabled && item.disabledMessage"
+                v-tippy="item.disabledMessage"
+              >
+                {{ item.title }}
+              </span>
+              <span v-else>{{ item.title }}</span>
+            </div>
             <div
               v-if="item.count"
               class="rounded-full px-2 text-body-3xs transition-all min-w-6"