diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue
index d48ba3e7..9897e1a6 100644
--- a/src/client/theme-default/components/VPNav.vue
+++ b/src/client/theme-default/components/VPNav.vue
@@ -36,5 +36,15 @@ provide('close-screen', closeScreen)
     backdrop-filter: saturate(50%) blur(8px);
     -webkit-backdrop-filter: saturate(50%) blur(8px);
   }
+
+  @supports not (backdrop-filter: saturate(50%) blur(8px)) {
+    .VPNav.no-sidebar {
+      background: rgba(255, 255, 255, 0.95);
+    }
+
+    .dark .VPNav.no-sidebar {
+      background: rgba(36, 36, 36, 0.95);
+    }
+  }
 }
 </style>
diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
index 94843348..08e37ff4 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -68,6 +68,16 @@ const { hasSidebar } = useSidebar()
     backdrop-filter: saturate(50%) blur(8px);
     -webkit-backdrop-filter: saturate(50%) blur(8px);
   }
+
+  @supports not (backdrop-filter: saturate(50%) blur(8px)) {
+    .VPNavBar.has-sidebar.content {
+      background: rgba(255, 255, 255, 0.95);
+    }
+
+    .dark .VPNavBar.has-sidebar .content {
+      background: rgba(36, 36, 36, 0.95);
+    }
+  }
 }
 
 .container {