diff --git a/frappe/public/css/website.css b/frappe/public/css/website.css
index be733bb491..3ef2ccfc6b 100644
--- a/frappe/public/css/website.css
+++ b/frappe/public/css/website.css
@@ -686,17 +686,8 @@ fieldset {
   padding-bottom: 30px;
 }
 .blog-comments {
-  background-color: #fafbfc;
   position: relative;
-}
-.blog-comments:before {
-  content: "";
-  background-color: #fafbfc;
-  position: absolute;
-  height: 100%;
-  width: 100vw;
-  left: calc((100vw - 100%)/ -2);
-  z-index: -1;
+  border-top: 1px solid #d1d8dd;
 }
 .blog-comment-row {
   margin: 0px -15px;
diff --git a/frappe/public/less/website.less b/frappe/public/less/website.less
index 1175be249b..70e98eb732 100644
--- a/frappe/public/less/website.less
+++ b/frappe/public/less/website.less
@@ -396,18 +396,8 @@ fieldset {
 .help-article-comments {
 }
 .blog-comments {
-	background-color: @light-bg;
 	position: relative;
-}
-
-.blog-comments:before {
-    content:"";
-    background-color: @light-bg;
-    position: absolute;
-    height: 100%;
-    width: 100vw;
-    left: ~"calc((100vw - 100%)/ -2)";
-    z-index: -1;
+	border-top: 1px solid @border-color;
 }
 
 .blog-comment-row {