Closes #7936

- Remove `c-menu` from Tooltip.
- Tooltip component tweaks.

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"

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 {