diff --git a/src/App/styles.less b/src/App/styles.less
index e5ee4a835..d2ac62b59 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -126,6 +126,7 @@ html {
                 color: var(--primary-foreground-color);
                 border-radius: var(--border-radius);
                 background-color: var(--modal-background-color);
+                transition: opacity 0.25s ease-out;
             }
 
             .router {
diff --git a/src/common/Tooltip/styles.less b/src/common/Tooltip/styles.less
index 22bcb40ef..d69825b71 100644
--- a/src/common/Tooltip/styles.less
+++ b/src/common/Tooltip/styles.less
@@ -13,8 +13,10 @@
 .tooltip-container {
     position: fixed;
     visibility: hidden;
+    opacity: 0;
 
     &:global(.active) {
         visibility: visible;
+        opacity: 1;
     }
 }
\ No newline at end of file