widget help text

src/css/tooltips.scss

@@ -1,29 +1,28 @@
 .help {
   display: inline;
   margin-left: 2rem;
+  .help-text {
+    display: none;
+  }
   &:hover,
   &:active {
     .help-text {
-      display: block;
+      position: absolute;
+      z-index: 999;
+      padding: 2px;
+      font-style: normal;
+      background-color: $dark_gray;
+      color: $off_white;
+      border-radius: 3px;
+      padding: .5rem .8rem;
+      width: 250px;
+      left: 17rem;
+      bottom: -0.8rem;
+      display: none;
     }
   }
 }
 
-.help-text {
-  position: absolute;
-  z-index: 999;
-  padding: 2px;
-  font-style: normal;
-  background-color: $dark_gray;
-  color: $off_white;
-  border-radius: 3px;
-  padding: .5rem .8rem;
-  width: 250px;
-  left: 17rem;
-  bottom: -0.8rem;
-  display: none;
-}
-
 .title-help {
   display: inline;
   .fa {

src/css/widgets.scss

@@ -48,8 +48,7 @@
     padding: 0 0.3rem;
     opacity: 0;
     max-height: 0px;
-    overflow: hidden;
-    transition: 0.5s;
+    transition: all 0.5s ease;
     transition-delay: 0.2s;
   }
   h5 {