diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index 82ebd232c0..6331b355f1 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -402,6 +402,11 @@ body {
     color: #000;
 }
 
+.deprecation-warning.outdated-blog, .pageinfo.deprecation-warning.outdated-blog {
+    background-color: $blue;
+    color: $white;
+}
+
 body.td-home .deprecation-warning, body.td-blog .deprecation-warning, body.td-documentation .deprecation-warning {
     border-radius: 3px;
 }
diff --git a/layouts/partials/deprecation-warning.html b/layouts/partials/deprecation-warning.html
index 1e72e45cca..449501e582 100644
--- a/layouts/partials/deprecation-warning.html
+++ b/layouts/partials/deprecation-warning.html
@@ -10,8 +10,8 @@
   </div>
 </section>
 {{ else if and (eq .Section "blog") .Date (.Date.Before (now.AddDate -1 0 0)) -}}
-<section id="deprecation-warning" class="outdated-blog">
-  <div class="content deprecation-warning pageinfo">
+<section id="deprecation-warning">
+  <div class="content deprecation-warning pageinfo outdated-blog">
     <h3>{{ T "outdated_blog__title" }}</h3>
     <p>{{ T "outdated_blog__message" }}</p>
   </div>