diff --git a/packages/client/src/components/MkUserPreview.vue b/packages/client/src/components/MkUserPreview.vue
index e3523798a5..2e33b88afc 100644
--- a/packages/client/src/components/MkUserPreview.vue
+++ b/packages/client/src/components/MkUserPreview.vue
@@ -115,7 +115,7 @@ onMounted(() => {
 
 			&::after {
 				content: "";
-				background-image: inherit;
+				background-image: var(--blur, inherit);
 				position: fixed;
 				inset: 0;
 				background-size: cover;
diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index be5c7e62f2..44d2a2b207 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -116,11 +116,11 @@ const MOBILE_THRESHOLD = 500;
 
 // デスクトップでウィンドウを狭くしたときモバイルUIが表示されて欲しいことはあるので deviceKind === 'desktop' の判定は行わない
 const isMobile = ref(
-	deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD
+	deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD,
 );
 window.addEventListener('resize', () => {
 	isMobile.value =
-		deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD;
+		(deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD);
 });
 
 const tlComponent = $ref<InstanceType<typeof XTimeline>>();
diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue
index 9efd59f365..e1f8d19614 100644
--- a/packages/client/src/pages/user/home.vue
+++ b/packages/client/src/pages/user/home.vue
@@ -221,7 +221,7 @@ onUnmounted(() => {
 
 						&::after {
 							content: "";
-							background-image: inherit;
+							background-image: var(--blur, inherit);
 							position: fixed;
 							inset: 0;
 							background-size: cover;