show plain background if playlist has no banner image

src/assets/scss/Global/app-grid.scss

@@ -55,6 +55,8 @@
   grid-area: content;
   max-width: 1955px;
   overflow: hidden scroll;
+  margin-right: -1rem;
+  padding-right: calc($medium - 1px);
 
   .nav {
     margin: $small;

src/assets/scss/Global/index.scss

@@ -12,7 +12,7 @@
 
 body {
   background-color: $body;
-  color: #fff;
+  color: $white;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
     Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-family: "SFCompactDisplay" !important;

src/assets/scss/Global/scrollbars.scss

@@ -1,5 +1,5 @@
 ::-webkit-scrollbar {
-  width: 3px;
+  width: $smaller;
 }
 
 /* Track */
@@ -12,7 +12,7 @@
 /* Handle */
 
 ::-webkit-scrollbar-thumb {
-  background: rgba(128, 128, 128, 0.322);
+  background: $gray1;
   border-radius: 1rem;
 }
 

src/assets/scss/index.scss

@@ -1,10 +1,10 @@
 @import 
 "./mixins.scss",
 "./variables",
-"./moz.scss",
 "./ProgressBar.scss",
 "./BottomBar/BottomBar.scss",
-"./Global"
+"./Global",
+"./moz.scss"
 ;
 
 

src/assets/scss/moz.scss

@@ -1,5 +1,8 @@
-// Styles that only apply on our dear Firefox 
+// Styles that only apply on our dear Firefox
 
-// @-moz-document url-prefix() {
-
-// }
+@-moz-document url-prefix() {
+  #acontent {
+    margin-right: -1rem;
+    padding-right: 1rem;
+  }
+}