diff --git a/src/ui/design-system/styles/backgrounds.css b/src/ui/design-system/styles/backgrounds.css
index 97e4caca50..ef10df48b1 100644
--- a/src/ui/design-system/styles/backgrounds.css
+++ b/src/ui/design-system/styles/backgrounds.css
@@ -2,22 +2,30 @@
   background-repeat: no-repeat;
   background-position: 50% -40px;
   background-size: 1000px auto;
+}
 
-  @media screen and (min-width: 768px) {
+@media screen and (min-width: 768px) {
+  .page-bg-gradient {
     background-size: 1500px auto;
     background-position: 50% -40px;
   }
+}
 
-  @media screen and (min-width: 1536px) {
+@media screen and (min-width: 1536px) {
+  .page-bg-gradient {
     background-size: contain;
     background-position: 50% -100px;
   }
+}
 
-  @media screen and (min-width: 1920px) {
+@media screen and (min-width: 1920px) {
+  .page-bg-gradient {
     background-position: 50% -200px;
   }
+}
 
-  @media screen and (min-width: 2200px) {
+@media screen and (min-width: 2200px) {
+  .page-bg-gradient {
     background-position: 50% -400px;
   }
 }