diff --git a/app/styles/dependencies/elements.scss b/app/styles/dependencies/elements.scss
index 1524ba2b..921bef82 100644
--- a/app/styles/dependencies/elements.scss
+++ b/app/styles/dependencies/elements.scss
@@ -47,3 +47,8 @@ ol { list-style: decimal; }
     background: url('/images/bg.png') no-repeat center center;
     background-size: cover;
 }
+
+%backgound-taiga {
+    background: url('/images/invitation_bg.jpg') no-repeat center center;
+    background-size: cover;
+}
diff --git a/app/styles/layout/base.scss b/app/styles/layout/base.scss
index f841a135..5675786e 100644
--- a/app/styles/layout/base.scss
+++ b/app/styles/layout/base.scss
@@ -48,7 +48,7 @@ body {
         .projects-nav-overlay {
             @include transform(translate3d(300px, 0, 0));
             @include transition (all 1s ease);
-            opacity: .7;
+            opacity: .9;
         }
     }
     &.loading-project {
diff --git a/app/styles/layout/invitation.scss b/app/styles/layout/invitation.scss
index c22a169b..836aaccb 100644
--- a/app/styles/layout/invitation.scss
+++ b/app/styles/layout/invitation.scss
@@ -1,7 +1,6 @@
 .invitation-main {
     @include table-flex(center, center, flex, row, wrap, center);
-    background: url('/images/invitation_bg.jpg') no-repeat center center;
-    background-size: cover;
+    @extend %backgound-taiga;
     bottom: 0;
     left: 0;
     position: fixed;
diff --git a/app/styles/modules/common/projects-nav.scss b/app/styles/modules/common/projects-nav.scss
index 49430079..a4c9d735 100644
--- a/app/styles/modules/common/projects-nav.scss
+++ b/app/styles/modules/common/projects-nav.scss
@@ -86,6 +86,7 @@
 
 .projects-nav-overlay {
     @include transition (all 1s ease);
+    @extend %triangled-bg;
     background-color: $black;
     bottom: 0;
     display: none;