diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index 801a36c..8ae6fac 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -219,7 +219,8 @@
         position: relative;
         margin: 10px 0;
         border-left: var(--blockquote-border-size) solid var(--card-separator-color);
-        padding: 0 calc(var(--content-padding) - var(--blockquote-border-size));
+        padding: 15px calc(var(--content-padding) - var(--blockquote-border-size));
+        background-color: var(--blockquote-background-color);
     }
 
     & > ul {
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
index 244b5ae..6e820ff 100644
--- a/assets/scss/variables.scss
+++ b/assets/scss/variables.scss
@@ -56,6 +56,8 @@ $on-desktop-large: 1920px;
     */
     --content-padding: 30px;
     --blockquote-border-size: 4px;
+    --blockquote-background-color: #efefee;
+
     --heading-border-size: 4px;
 
     @media (max-width: $on-desktop-large) {
@@ -105,5 +107,7 @@ $on-desktop-large: 1920px;
 
         --table-border-color: #717171;
         --tr-even-background-color: #545454;
+
+        --blockquote-background-color: #545454;
     }
 }