diff --git a/src/api/tooltips/components/TooltipComponent.vue b/src/api/tooltips/components/TooltipComponent.vue
index bb9f02fd977..f76577c2be3 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 c5e85793176..e991ee2b03f 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 {