diff --git a/packages/client/src/components/ui/context-menu.vue b/packages/client/src/components/ui/context-menu.vue
index 6e69b4908..039b25846 100644
--- a/packages/client/src/components/ui/context-menu.vue
+++ b/packages/client/src/components/ui/context-menu.vue
@@ -71,8 +71,8 @@ function onMousedown(evt: Event) {
 <style lang="scss" scoped>
 .nvlagfpb {
 	position: absolute;
-	// backdrop-filter: var(--blur, blur(8px));
-	// -webkit-backdrop-filter: var(--blur, blur(8px));
+	backdrop-filter: var(--blur, blur(8px));
+	-webkit-backdrop-filter: var(--blur, blur(8px));
 }
 
 .fade-enter-active, .fade-leave-active {
diff --git a/packages/client/src/ui/_common_/sidebar.vue b/packages/client/src/ui/_common_/sidebar.vue
index e5809f6ba..ac6576fdd 100644
--- a/packages/client/src/ui/_common_/sidebar.vue
+++ b/packages/client/src/ui/_common_/sidebar.vue
@@ -88,9 +88,6 @@ function more(ev: MouseEvent) {
 	width: $nav-width;
 	box-sizing: border-box;
 
-	backdrop-filter: var(--blur, blur(8px));
-	-webkit-backdrop-filter: var(--blur, blur(8px));
-
 	> div {
 		position: fixed;
 		top: 0;
@@ -104,6 +101,9 @@ function more(ev: MouseEvent) {
 		overflow-x: clip;
 		background: var(--navBg);
 
+		backdrop-filter: var(--blur, blur(8px));
+		-webkit-backdrop-filter: var(--blur, blur(8px));
+
 		> .divider {
 			margin: 16px 16px;
 			border-top: solid 0.5px var(--divider);