diff --git a/packages/frontend/src/components/MkRemoteCaution.vue b/packages/frontend/src/components/MkRemoteCaution.vue
index 0c7d07e34..12f902184 100644
--- a/packages/frontend/src/components/MkRemoteCaution.vue
+++ b/packages/frontend/src/components/MkRemoteCaution.vue
@@ -19,7 +19,8 @@ defineProps<{
 .root {
 	font-size: 0.8em;
 	padding: 16px;
-	background: var(--infoWarnBg);
+	background: color-mix(in srgb, var(--infoWarnBg) 65%, transparent);
+	backdrop-filter: blur(16px);
 	color: var(--infoWarnFg);
 	border-radius: var(--radius);
 	overflow: clip;