diff --git a/assets/styles/column.scss b/assets/styles/column.scss
index 52f9b49cf..3758a51e5 100644
--- a/assets/styles/column.scss
+++ b/assets/styles/column.scss
@@ -27,7 +27,7 @@ a.active{
 }
 /* The Modal (background) */
 .modal {
-  display: none; /* Hidden by default */
+  visibility: hidden; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   padding-top: 100px; /* Location of the box */
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index e3bc5484a..d2182ea3b 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -127,7 +127,7 @@
 
       {{end}}
 
-      // draw graph in modal // not working
+      // draw graph in hidden // not working
 
       // const containerModal = document.getElementById("graph-container-modal")
       // // retry if the graph is not ready
@@ -174,7 +174,7 @@
       // When the user clicks anywhere outside of the modal, close it
       window.onclick = function(event) {
         if (event.target == modal) {
-          modal.style.display = "none";
+          modal.style.visibility = "hidden";
         }
       }
 
@@ -198,12 +198,12 @@
 
         // When the user clicks the button, open the modal
         btn.onclick = function() {
-          modal.style.display = "block";
+          modal.style.visibility = "visible";
         }
 
         // When the user clicks on <span> (x), close the modal
         span.onclick = function() {
-          modal.style.display = "none";
+          modal.style.visibility = "hidden";
         }
       {{end}}