diff --git a/.changeset/chatty-bats-build.md b/.changeset/chatty-bats-build.md
new file mode 100644
index 000000000..15eeeffcf
--- /dev/null
+++ b/.changeset/chatty-bats-build.md
@@ -0,0 +1,5 @@
+---
+"@heroui/theme": patch
+---
+
+fix: broken `--visual-viewport-height` (#5731)
diff --git a/packages/core/theme/src/components/modal.ts b/packages/core/theme/src/components/modal.ts
index 0e1f52071..6533cba9b 100644
--- a/packages/core/theme/src/components/modal.ts
+++ b/packages/core/theme/src/components/modal.ts
@@ -32,7 +32,7 @@ const modal = tv({
       "z-50",
       "overflow-x-auto",
       "justify-center",
-      "h-[--visual-viewport-height]",
+      "h-(--visual-viewport-height)",
     ],
     base: [
       "flex",