diff --git a/src/components/SkewedContainer.module.scss b/src/components/SkewedContainer.module.scss
index d26d0911e..d11ba7a66 100644
--- a/src/components/SkewedContainer.module.scss
+++ b/src/components/SkewedContainer.module.scss
@@ -1,5 +1,5 @@
 .container {
-  background: var(--color-neutrals-100);
+  background: var(--secondary-background-color);
   transform: skew(0, -2deg);
 }
 
diff --git a/src/pages/404.module.scss b/src/pages/404.module.scss
index 907edb7e1..c7f09f562 100644
--- a/src/pages/404.module.scss
+++ b/src/pages/404.module.scss
@@ -26,9 +26,17 @@
 .footerContainer {
   background: var(--color-neutrals-800);
   padding: 1.5rem;
+
+  :global(.dark-mode) & {
+    background: var(--tertiary-background-color);
+  }
 }
 
 .footer {
   color: var(--color-teal-300);
   padding: 0 2rem;
+
+  :global(.dark-mode) & {
+    color: var(--secondary-text-color);
+  }
 }