From 8c72e4a0621a50edae38bcf1159c056e45e2c4f6 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov>
Date: Wed, 18 Dec 2024 11:46:47 -0800
Subject: [PATCH] Closes #7936 - Remove `c-menu` from Tooltip. - Tooltip
 component tweaks.

---
 src/api/tooltips/components/TooltipComponent.vue   | 2 +-
 src/api/tooltips/components/tooltip-component.scss | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/api/tooltips/components/TooltipComponent.vue b/src/api/tooltips/components/TooltipComponent.vue
index bb9f02fd97..f76577c2be 100644
--- a/src/api/tooltips/components/TooltipComponent.vue
+++ b/src/api/tooltips/components/TooltipComponent.vue
@@ -22,7 +22,7 @@ at runtime from the About dialog for additional information.
 <template>
   <div
     ref="tooltip-wrapper"
-    class="c-menu c-tooltip-wrapper"
+    class="c-tooltip-wrapper"
     :class="cssClasses"
     :style="toolTipLocationStyle"
     role="tooltip"
diff --git a/src/api/tooltips/components/tooltip-component.scss b/src/api/tooltips/components/tooltip-component.scss
index c5e8579317..e991ee2b03 100644
--- a/src/api/tooltips/components/tooltip-component.scss
+++ b/src/api/tooltips/components/tooltip-component.scss
@@ -1,10 +1,13 @@
 .c-tooltip-wrapper {
+  @include menuOuter();
   max-width: 200px;
   height: auto;
   width: auto;
-  padding: $interiorMargin;
+  padding: $interiorMargin $interiorMarginLg;
   overflow-wrap: break-word;
   pointer-events: none;
+  position: absolute;
+  z-index: 100;
 }
 
 .c-tooltip {