diff --git a/frappe/public/scss/email.scss b/frappe/public/scss/email.scss
index 1b7576bc68..da23e259a2 100644
--- a/frappe/public/scss/email.scss
+++ b/frappe/public/scss/email.scss
@@ -11,6 +11,8 @@ $gray-100: #F4F5F6;
 $gray-50: #F9FAFA;
 $primary: #2490EF;
 
+$blue-500: #2D95F0;
+
 $text-color: $gray-900;
 $border-color: $gray-100;
 $dark-border-color: $gray-200;
@@ -29,8 +31,12 @@ body {
 	color: $text-color;
 }
 
+a {
+	color: $blue-500;
+}
+
 p {
-	margin: 1em 0 !important;
+	margin: 5px 0 !important;
 }
 
 .ql-editor {
@@ -210,7 +216,6 @@ hr {
 .more-info {
 	font-size: 80% !important;
 	color: $text-muted !important;
-	border-top: 1px solid $border-color;
 	padding-top: 10px;
 }
 
@@ -316,3 +321,22 @@ hr {
 	line-height: 28px;
 	font-size: 12px;
 }
+
+blockquote {
+	padding: 1px 15px;
+	position: relative;
+	margin-left: 0px;
+	p {
+		margin: 5px 0;
+	}
+}
+
+blockquote:before {
+	content: "";
+	width: 2px;
+	height: 100%;
+	position: absolute;
+	background: $gray-300;
+	border-radius: 1px;
+	left: 0;
+}
\ No newline at end of file
diff --git a/frappe/templates/emails/new_notification.html b/frappe/templates/emails/new_notification.html
index 4eea49a712..6700b44238 100644
--- a/frappe/templates/emails/new_notification.html
+++ b/frappe/templates/emails/new_notification.html
@@ -2,8 +2,7 @@
 	<p class="text-color">{{ body_content }}</p>
 </p>
 {% if description %}
-<blockquote
-	style="border-left: 3px solid #d1d8dd; padding: 7px 15px; margin-left: 0px;">
+<blockquote>
 	{{ description | markdown }}
 </blockquote>
 {% endif %}