diff --git a/src/app/theme/sass/_layout.scss b/src/app/theme/sass/_layout.scss
index 45a914ab..4ba4491a 100644
--- a/src/app/theme/sass/_layout.scss
+++ b/src/app/theme/sass/_layout.scss
@@ -12,31 +12,29 @@ html, body {
   min-width: $resMin;
 }
 
-body {
+main {
   font: 14px/16px $font-family;
   color: $default-text;
   background-color: $body-bg;
-}
-
-.blur-theme {
-  @at-root body {
+  &.blur-theme {
     @include main-background();
   }
 }
 
-.mobile {
-  @at-root body {
-    background: none;
-    .body-bg {
-      display: block;
-      position: fixed;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0;
-      background-attachment: inherit;
-      background-color: $body-bg;
-    }
+main.mobile{
+  background: none;
+  .body-bg{
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background-attachment: inherit;
+    background-color: $body-bg;
+  }
+  &.blur-theme {
+    @include main-background();
   }
 }
 
diff --git a/src/app/theme/sass/conf/_mixins.scss b/src/app/theme/sass/conf/_mixins.scss
index 560b74ea..15d7875a 100644
--- a/src/app/theme/sass/conf/_mixins.scss
+++ b/src/app/theme/sass/conf/_mixins.scss
@@ -62,7 +62,7 @@
     background: url($mainBgUrl) no-repeat center center;
     background-size: cover;
     will-change: transform;
-    z-index: -1;
+    z-index: 0;
   }
 }