diff --git a/apps/tailwind-components/components/form/FieldInput.vue b/apps/tailwind-components/components/form/FieldInput.vue
index 7572484435..587565765e 100644
--- a/apps/tailwind-components/components/form/FieldInput.vue
+++ b/apps/tailwind-components/components/form/FieldInput.vue
@@ -94,6 +94,7 @@ function validate(value: columnValue) {
   <LazyInputRef
     v-else-if="type === 'REF_ARRAY' || type === 'REF'"
     :id="id"
+    ref="input"
     :modelValue="data as columnValueObject | columnValueObject[]"
     :refSchemaId="refSchemaId as string"
     :refTableId="refTableId as string"
diff --git a/apps/tailwind-components/components/input/Ref.vue b/apps/tailwind-components/components/input/Ref.vue
index 9e12908ab2..1ed4383af0 100644
--- a/apps/tailwind-components/components/input/Ref.vue
+++ b/apps/tailwind-components/components/input/Ref.vue
@@ -47,7 +47,7 @@ const hasNoResults = ref<boolean>(true);
 defineExpose({ validate });
 
 function validate(value: columnValue) {
-  if (props.required && !modelValue.value) {
+  if (props.required && !value) {
     const errors = [
       { message: `${props.label || props.id} required to complete the form` },
     ];