diff --git a/static/css/components.css b/static/css/components.css
index 741b9dc..e832374 100644
--- a/static/css/components.css
+++ b/static/css/components.css
@@ -261,7 +261,7 @@
     }
 
     .article-tooltip {
-        visibility: hidden;
+        display: none;
         position: absolute;
         bottom: 25px;
         left: 0;
@@ -277,8 +277,7 @@
     }
 
         .article:hover > .article-tooltip {
-            visibility: visible;
-            transition: visibility 0.1s;
+            display: block;
         }
 
         .article-tooltip-image {
@@ -410,4 +409,4 @@
 
         .coming-soon p {
             font-size: 120%;
-        }
+        }
\ No newline at end of file
diff --git a/static/js/main.js b/static/js/main.js
index 1f800dc..c835cdf 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -20,8 +20,8 @@ function initializeThemeSwitcher() {
 function hideTooltip() {
     let visibleTooltips = document.querySelectorAll(".article-tooltip");
     for (let i = 0; i < visibleTooltips.length; i++) {
-        if (visibleTooltips[i].style.visibility !== "hidden") {
-            visibleTooltips[i].style.visibility = 'hidden';
+        if (visibleTooltips[i].style.display !== "none") {
+            visibleTooltips[i].style.display = null;
         }
     }
 }
@@ -38,10 +38,10 @@ function checkKeyPress(e) {
 
     if (e.keyCode == 81) {
         tooltip = document.activeElement.parentNode.parentNode.querySelector('.article-tooltip');
-        if (tooltip.style.visibility == "visible") {
-            tooltip.style.visibility = "hidden";
+        if (tooltip.style.display == "block") {
+            tooltip.style.display = null;
         } else {
-            tooltip.style.visibility = "visible";
+            tooltip.style.display = "block";
         }
     }