diff --git a/assets-hugo/scss/custom.scss b/assets-hugo/scss/custom.scss
index 70efdfcf..7b80d434 100644
--- a/assets-hugo/scss/custom.scss
+++ b/assets-hugo/scss/custom.scss
@@ -259,8 +259,18 @@ a, a:hover {
   max-width: 100%;
 }
 
+/* The default CSS applies a style for blockquotes but only to immediate children
+of .td-content. This applies the same style to any blockquotes that descend from
+.td-content. */
+.td-content blockquote {
+  padding: 0 0 0 1rem;
+  margin-bottom: $spacer;
+  color: $gray-600;
+  border-left: 6px solid $secondary;
+}
+
 /*
-Make padding symmetrical (this selector is used to apply padding-left: 3rem)
+Make padding symmetrical (this selector is used in the default styles to apply padding-left: 3rem)
 */
 .pl-md-5, .px-md-5 {
   padding-right: 3rem;