diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 215df22..d29c136 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -388,6 +388,7 @@ ul.list {
             position: absolute;
             bottom: 0;
             padding: 15px;
+            &, h2, .date {color: white;}
             h2 {
                 margin: 0;
             }
diff --git a/layouts/partials/featured_articles.html b/layouts/partials/featured_articles.html
index 347eeb7..cf621eb 100644
--- a/layouts/partials/featured_articles.html
+++ b/layouts/partials/featured_articles.html
@@ -5,7 +5,7 @@
             style="
                 background-image: linear-gradient(to bottom,
                     rgba(0, 0, 0, 0) 0%,
-                    rgba(0, 0, 0, 0) 59%,
+                    rgba(0, 0, 0, 0.1) 45%,
                     rgba(0, 0, 0, 0.7) 100%
                 ), url('{{ .Params.Image }}');
         ">