tweak tooltip

app/styles/app/modules/tooltips.sass

@@ -1,8 +1,4 @@
 %tooltip
-  &:hover .tooltip-bubble
-    transform: translateY(0)
-    opacity: 1
-
   .tooltip-bubble
     position: absolute
     top: -2.8em
@@ -18,6 +14,7 @@
     line-height: 1.3
     text-align: center
     white-space: nowrap
+    visibility: hidden
 
     transition: all 100ms ease
     transform: translateY(20%)
@@ -27,7 +24,6 @@
       color: $white
       &:hover
         text-decoration: underline
-
     &:before
       content: ""
       position: absolute
@@ -38,6 +34,11 @@
       z-index: -1
       background-color: #818383
 
+  &:hover .tooltip-bubble
+    transform: translateY(0)
+    opacity: 1
+    visibility: visible
+
 .tooltip
   @extend %tooltip
   .tooltip-bubble