Resolve "Markdown blockquote is not displaying properly"

app/assets/stylesheets/framework/typography.scss

@@ -114,20 +114,20 @@
     font-size: 0.95em;
   }
 
+  blockquote,
   .blockquote {
     color: $gl-grayish-blue;
     font-size: inherit;
     padding: 8px 24px;
     margin: 16px 0;
     border-left: 3px solid $white-dark;
-  }
 
-  .blockquote:dir(rtl) {
+    &:dir(rtl) {
       border-left: 0;
       border-right: 3px solid $white-dark;
     }
 
-  .blockquote p {
+    p {
       color: $gl-grayish-blue !important;
       font-size: inherit;
       line-height: 1.5;
@@ -136,6 +136,7 @@
         margin: 0;
       }
     }
+  }
 
   p {
     color: $gl-text-color;

app/assets/stylesheets/mailers/highlighted_diff_email.scss

@@ -138,6 +138,7 @@ pre {
   margin: 0;
 }
 
+blockquote,
 .blockquote {
   color: $gl-grayish-blue;
   padding: 0 0 0 15px;