From 4cb3bd948fca83bd694941b290c57d28fa48646a Mon Sep 17 00:00:00 2001
From: varun_divya <divya_varun@med.unc.edu>
Date: Tue, 30 Sep 2025 13:25:20 -0400
Subject: [PATCH] hierarchy tooltip fix

---
 frontend/src/pages/node/SectionHierarchy.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/node/SectionHierarchy.vue b/frontend/src/pages/node/SectionHierarchy.vue
index 7e2733bc4..b58d91564 100644
--- a/frontend/src/pages/node/SectionHierarchy.vue
+++ b/frontend/src/pages/node/SectionHierarchy.vue
@@ -5,7 +5,7 @@
     <!-- PARENTS -->
     <div class="parents">
       <div v-for="p in parents" :key="p.id" class="parent-row">
-        <RouterLink :to="`/${p.id}`" :title="labelOf(p)" class="row-text">
+        <RouterLink :to="`/${p.id}`" v-tooltip="labelOf(p)" class="row-text">
           {{ labelOf(p) }}
         </RouterLink>
       </div>
@@ -13,7 +13,7 @@
 
     <!-- CURRENT NODE -->
     <div class="current-row">
-      <strong class="row-text" :title="labelOf(node)">{{
+      <strong class="row-text" v-tooltip="labelOf(node)">{{
         labelOf(node)
       }}</strong>
     </div>
@@ -21,7 +21,7 @@
     <!-- CHILDREN (tree connectors only) -->
     <div class="children">
       <div v-for="c in shownChildren" :key="c.id" class="child-row">
-        <RouterLink :to="`/${c.id}`" class="row-text" :title="labelOf(c)">
+        <RouterLink :to="`/${c.id}`" class="row-text" v-tooltip="labelOf(c)">
           {{ labelOf(c) }}
         </RouterLink>
       </div>