diff --git a/ui/src/components/mk-dynamics-form/FormItem.vue b/ui/src/components/mk-dynamics-form/FormItem.vue
index 37449d5acb6..448dc994da2 100644
--- a/ui/src/components/mk-dynamics-form/FormItem.vue
+++ b/ui/src/components/mk-dynamics-form/FormItem.vue
@@ -18,14 +18,14 @@ const itemModules = import.meta.glob<{ default: Component }>('./items/**/*.vue',
 const itemComponents: Record<string, Component> = {}
 
 for (const [path, module] of Object.entries(itemModules)) {
-  const componentName = path.split('/').pop()?.replace('.vue', '')
+  const componentName = path.split('/').pop()?.replace('.vue', '').toUpperCase()
   if (componentName) {
     itemComponents[componentName] = module.default
   }
 }
 
 function getFieldComponent(name: string) {
-  return itemComponents[name]
+  return itemComponents[name.toUpperCase()]
 }
 
 const props = defineProps<{