diff --git a/src/runtime/composables/useFormGroup.ts b/src/runtime/composables/useFormGroup.ts
index 2e54a8378a..a7a86a1d67 100644
--- a/src/runtime/composables/useFormGroup.ts
+++ b/src/runtime/composables/useFormGroup.ts
@@ -44,7 +44,10 @@ export const useFormGroup = (inputProps?: InputProps, config?: any) => {
     return {
       inputId: computed(() => inputProps.id ?? formGroup?.inputId.value),
       name: computed(() => inputProps?.name ?? formGroup?.name.value),
-      size: computed(() => inputProps?.size ?? formGroup?.size.value ?? config?.default?.size),
+      size: computed(() => {
+        const formGroupSize = config.size[formGroup?.size.value] ? formGroup?.size.value : null
+        return inputProps?.size ?? formGroupSize ?? config?.default?.size
+      }),
       color: computed(() => formGroup?.error?.value ? 'red' : inputProps?.color),
       emitFormBlur,
       emitFormInput,