From c3224113def3f50ea3f1f46bed9524d89969b901 Mon Sep 17 00:00:00 2001
From: WK <wingkwong.code@gmail.com>
Date: Wed, 1 Oct 2025 10:56:08 +0800
Subject: [PATCH] fix(theme): broken `--visual-viewport-height` (#5752)

---
 .changeset/chatty-bats-build.md             | 5 +++++
 packages/core/theme/src/components/modal.ts | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/chatty-bats-build.md

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",