diff --git a/src/components/PageWrappers/layout.css b/src/components/PageWrappers/layout.css
index 9ffa22c3..b5934794 100644
--- a/src/components/PageWrappers/layout.css
+++ b/src/components/PageWrappers/layout.css
@@ -6,6 +6,16 @@
     flex-wrap: wrap;
     overflow: hidden;
 }
+.layout::after {
+    display: block;
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(to bottom, rgba(113, 64, 253, 0.15) 20%, rgba(255,255,255,0) 100%);
+}
 .layout-left {
     flex: 0 0 55%;
     max-width: 55%;