diff --git a/webui/assets/style.css b/webui/assets/style.css
index 5fec5b5c6..3a5bcaf39 100644
--- a/webui/assets/style.css
+++ b/webui/assets/style.css
@@ -304,12 +304,15 @@ td{
 .query-tooltip {
   position: relative;
   display: inline;
-  color: #1db598;
+  color: #000;
   margin-left: 5px;
 }
 
+.query-tooltip:hover {
+  color: #000;
+}
+
 .query-tooltip-content {
-  visibility: hidden;
   background-color: rgb(250, 250, 250);
   border: solid 1.5px #e4eff4;
   color: #102445;
@@ -317,16 +320,18 @@ td{
   padding: 15px;
   margin-bottom: 15px;
 
-  /* Position the tooltip */
   position: absolute;
-  /*
-  left: 423px;
-  top: 100px;
-  */
+  left: 80px;
+  top: -30px;
   z-index: 1;
 }
 
-.query-tooltip:hover+.query-tooltip-content {
+.query-tooltip-container {
+  position: relative;
+  visibility: hidden;
+}
+
+.query-tooltip:hover+.query-tooltip-container{
   visibility: visible;
 }