diff --git a/app/components/Button/button.css b/app/components/Button/button.css
index f3c7ff28..14da2b39 100644
--- a/app/components/Button/button.css
+++ b/app/components/Button/button.css
@@ -165,10 +165,10 @@
   border: 1px solid var(--colors-teal-200, #a6d9d7);
 }
 
-.button-secondary:hover .tool-tip-secondary {
+.button-secondary:hover .tool-tip {
   opacity: 1;
 }
-.button:hover .tool-tip-secondary {
+.button:hover .tool-tip {
   opacity: 1;
 }
 
@@ -240,7 +240,7 @@
   height: min-content;
 }
 
-.tool-tip-secondary {
+.tool-tip {
   opacity: 0;
   position: absolute;
   top: -42px;
diff --git a/app/components/Button/index.tsx b/app/components/Button/index.tsx
index da6ef7c1..788708f6 100644
--- a/app/components/Button/index.tsx
+++ b/app/components/Button/index.tsx
@@ -46,18 +46,14 @@ const Button = ({
         {...props}
       >
         {children}
-        {tooltip && !disabled && !mobile && (
-          <p className="tool-tip-secondary xs z-index-1">{tooltip}</p>
-        )}
+        {tooltip && !disabled && !mobile && <p className="tool-tip xs z-index-1">{tooltip}</p>}
       </Link>
     )
   }
   return (
     <button className={classes} onClick={action} disabled={disabled} {...props}>
       {children}
-      {tooltip && !disabled && !mobile && (
-        <p className="tool-tip-secondary xs z-index-1">{tooltip}</p>
-      )}
+      {tooltip && !disabled && !mobile && <p className="tool-tip xs z-index-1">{tooltip}</p>}
     </button>
   )
 }