diff --git a/packages/client/src/components/Field.css b/packages/client/src/components/Field.css
index 049a0591ac..da55ea804e 100644
--- a/packages/client/src/components/Field.css
+++ b/packages/client/src/components/Field.css
@@ -5,7 +5,7 @@
    attribute is absent and the ring always shows — the safe fallback. */
 html[data-input-modality='pointer'] .lc-field:focus,
 html[data-input-modality='pointer'] .lc-field:focus-visible {
-  border-color: var(--border-light);
+  border-color: rgb(var(--border-light));
   box-shadow: none;
   outline: none;
 }