diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss
index 2b598bf676e5..341b5dd135e7 100644
--- a/site/assets/scss/_navbar.scss
+++ b/site/assets/scss/_navbar.scss
@@ -3,6 +3,10 @@
   background-color: transparent;
   box-shadow: 0 .5rem 1rem rgba($black, .15), inset 0 -1px 0 rgba($white, .15);
 
+  @media (forced-colors) {
+    background-color: Canvas;
+  }
+
   &::after {
     position: absolute;
     inset: 0;