diff --git a/apps/frontend/src/components/ui/news/LatestNewsRow.vue b/apps/frontend/src/components/ui/news/LatestNewsRow.vue
index 6fcb7b682..198c5564e 100644
--- a/apps/frontend/src/components/ui/news/LatestNewsRow.vue
+++ b/apps/frontend/src/components/ui/news/LatestNewsRow.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="mx-2 p-4 !py-8 shadow-md sm:mx-8 sm:p-32">
+  <div class="mx-2 p-4 !py-8 sm:mx-8 sm:p-32">
     <div class="my-8 flex items-center justify-between">
       <h2 class="m-0 mx-auto text-3xl font-extrabold sm:text-4xl">Latest news from Modrinth</h2>
     </div>
diff --git a/apps/frontend/src/pages/app.vue b/apps/frontend/src/pages/app.vue
index 6e062a8ab..3a8c94391 100644
--- a/apps/frontend/src/pages/app.vue
+++ b/apps/frontend/src/pages/app.vue
@@ -874,7 +874,7 @@ useSeoMeta({
         <nuxt-link to="/legal/privacy">Privacy Policy.</nuxt-link>
       </p>
     </div>
-    <div class="bg-black">
+    <div class="bg-[var(--landing-raw-bg)]">
       <LatestNewsRow />
     </div>
   </div>
diff --git a/apps/frontend/src/pages/index.vue b/apps/frontend/src/pages/index.vue
index 6261d35b6..b18997bce 100644
--- a/apps/frontend/src/pages/index.vue
+++ b/apps/frontend/src/pages/index.vue
@@ -419,7 +419,7 @@
         </div>
       </div>
     </div>
-    <div class="bg-black">
+    <div class="bg-[var(--landing-raw-bg)]">
       <LatestNewsRow />
     </div>
   </div>