diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss
index 4f08854955..32db5cebf9 100644
--- a/packages/frontend/src/style.scss
+++ b/packages/frontend/src/style.scss
@@ -178,7 +178,7 @@ rt {
 /* TODO: 引数は現在CSS変数経由で受け取っているが、将来的にはattr()を使った方が綺麗そう */
 ._spacer {
 	width: 100%;
-	max-width: calc(min(var(--MI_SPACER-w, 100%), 100%) - (var(--MI_SPACER-max, 24px) * 2));
+	max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-max, 24px) * 2)));
 	margin: var(--MI_SPACER-max, 24px) auto;
 	container-type: inline-size;
 
@@ -189,13 +189,13 @@ rt {
 }
 
 ._forceShrinkSpacer ._spacer {
-	max-width: calc(min(var(--MI_SPACER-w, 100%), 100%) - (var(--MI_SPACER-min, 12px) * 2));
+	max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-min, 12px) * 2)));
 	margin: var(--MI_SPACER-min, 12px) auto;
 }
 
 @container (max-width: 450px) {
 	._spacer {
-		max-width: calc(min(var(--MI_SPACER-w, 100%), 100%) - (var(--MI_SPACER-min, 12px) * 2));
+		max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-min, 12px) * 2)));
 		margin: var(--MI_SPACER-min, 12px) auto;
 	}
 }