diff --git a/app/frontend/src/stylesheets/modules/calendar/calendar.scss b/app/frontend/src/stylesheets/modules/calendar/calendar.scss
index a35e29209..84c69c1aa 100644
--- a/app/frontend/src/stylesheets/modules/calendar/calendar.scss
+++ b/app/frontend/src/stylesheets/modules/calendar/calendar.scss
@@ -39,7 +39,11 @@
         width: $tab-width;
         height: 100%;
         display: block;
-        z-index: 1; 
+        z-index: 1;
+        transition: opacity 500ms ease-in-out;
+        &.is-empty {
+          opacity: 0;
+        }
   
         .content {
           position: relative;