diff --git a/app/components/Tooltip/Tooltip.module.css b/app/components/Tooltip/Tooltip.module.css
index 77fb2b96d3..df7d96390c 100644
--- a/app/components/Tooltip/Tooltip.module.css
+++ b/app/components/Tooltip/Tooltip.module.css
@@ -35,3 +35,5 @@
 .arrow {
   animation: fade-in 0.2s;
 }
+
+.zIndex { z-index: 6}
diff --git a/app/components/Tooltip/index.tsx b/app/components/Tooltip/index.tsx
index 7b4843d378..a4d55c82d4 100644
--- a/app/components/Tooltip/index.tsx
+++ b/app/components/Tooltip/index.tsx
@@ -1,3 +1,4 @@
+import cx from 'classnames';
 import { useState } from 'react';
 import { Popover, ArrowContainer } from 'react-tiny-popover';
 import styles from './Tooltip.module.css';
@@ -37,7 +38,7 @@ const Tooltip = ({
       <Popover
         isOpen={hovered}
         positions={positions}
-        containerClassName={containerClassName}
+        containerClassName={cx(containerClassName, styles.zIndex)}
         content={({ position, childRect, popoverRect }) => (
           <ArrowContainer
             position={position}