diff --git a/src/pages/News.vue b/src/pages/News.vue
index fea93c8e5..e152321cf 100644
--- a/src/pages/News.vue
+++ b/src/pages/News.vue
@@ -1,7 +1,7 @@
 <template>
   <Layout>
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden">
-      <div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
+      <div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4 h-screen">
         <PostListItem
           v-for="edge in $page.entries.edges"
           :key="edge.node.id"
diff --git a/src/templates/BlogPost.vue b/src/templates/BlogPost.vue
index b2335c3d9..80dd0a906 100644
--- a/src/templates/BlogPost.vue
+++ b/src/templates/BlogPost.vue
@@ -91,7 +91,7 @@
     </div>
 
     <section
-      class="post-related bg-black text-gray-200 pt-10 border-b border-b-gray-900"
+      class="post-related text-gray-700 pt-10 border-b border-b-gray-900"
     >
       <div class="container mx-auto">
         <div class="flex flex-wrap pt-8 pb-8 mx-4 sm:-mx-4">