diff --git a/frappe/public/scss/website/index.scss b/frappe/public/scss/website/index.scss
index 37bc4498de..675243209c 100644
--- a/frappe/public/scss/website/index.scss
+++ b/frappe/public/scss/website/index.scss
@@ -29,6 +29,13 @@
 @import 'error-state';
 @import 'my_account';
 
+
+body {
+	@include media-breakpoint-up(sm) {
+		background-color: var(--bg-color);
+	}
+}
+
 .ql-editor.read-mode {
 	padding: 0;
 	line-height: 1.6;