diff --git a/apps/client/src/widgets/react/Collapsible.css b/apps/client/src/widgets/react/Collapsible.css
index a3222d20a8..7acf628f71 100644
--- a/apps/client/src/widgets/react/Collapsible.css
+++ b/apps/client/src/widgets/react/Collapsible.css
@@ -25,17 +25,26 @@
 
     .collapsible-inner-body {
         padding-top: 0.5em;
+        opacity: 0;
     }
 
     &.expanded {
         .collapsible-title .arrow {
             transform: rotate(90deg);
         }
+
+        .collapsible-inner-body {
+            opacity: 1;
+        }
     }
 
     &.with-transition {
         .collapsible-body {
             transition: height 250ms ease-in;
         }
+
+        .collapsible-inner-body {
+            transition: opacity 250ms ease-in;
+        }
     }
 }