SidebarMenu: fix background lightbox opacity animation

app/styles/components/sidebar-menu.scss

@@ -12,16 +12,17 @@
   z-index: 10001;
 
   &__wrapper {
-    display: none;
+    opacity: 0;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 10000;
-    background-color: transparent;
-    transition: background-color 0.2s linear;
+    background-color: rgba(0, 0, 0, 0.3);
+    transition: opacity 0.2s linear;
     transition-delay: 0.1s;
+    pointer-events: none;
   }
 
   &__content {
@@ -56,8 +57,8 @@
   }
 
   .sidebar-menu__wrapper {
-    display: block;
-    background-color: rgba(0, 0, 0, 0.3);
+    opacity: 1;
+    pointer-events: all;
   }
 }