diff --git a/src/components/Layout/Layout.module.scss b/src/components/Layout/Layout.module.scss
index 5e6742fc..b25db186 100644
--- a/src/components/Layout/Layout.module.scss
+++ b/src/components/Layout/Layout.module.scss
@@ -86,6 +86,7 @@
 
 .centerContent {
   width: var(--center-col-w);
+
   .headerFloater {
     position: fixed;
     opacity: 0;
@@ -98,6 +99,16 @@
       transition: opacity 0.5s ease;
       pointer-events: all;
     }
+
+    &.animatedShow::before {
+      content: "";
+      position: fixed;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0, 0, 0, 0.3);
+    }
   }
 }
 
@@ -118,6 +129,7 @@
 
   &.messagesColumn {
     height: 85px;
+
     >div {
       height: 85px;
       border-left: none;
@@ -164,9 +176,11 @@
 
 .rightContent {
   margin-top: 92px;
+
   >div {
     margin-left: 24px;
   }
+
   &.exploreHeader {
     margin-top: 20px;
   }
@@ -181,8 +195,8 @@
   width: 0px;
   height: 0px;
   position: absolute;
-  top:0;
-  left:0;
+  top: 0;
+  left: 0;
 }
 
 @media only screen and (max-width: 1300px) {
@@ -221,6 +235,7 @@
 
   .rightColumn {
     width: 1px;
+
     >div {
       >div {
         display: none;
@@ -295,10 +310,11 @@
 
   .rightColumn {
     width: 1px;
+
     >div {
       >div {
         display: none;
       }
     }
   }
-}
+}
\ No newline at end of file