diff --git a/ui/src/proxy/settings/models.ts b/ui/src/proxy/settings/models.ts
index 5653680d..d21eed0e 100644
--- a/ui/src/proxy/settings/models.ts
+++ b/ui/src/proxy/settings/models.ts
@@ -29,7 +29,7 @@ export interface DynamicSettingDto {
   dataType?: string
   selectOptions?: Record<string, string>
   formName?: string
-  providers?: string[]
+  providers?: string
   isEditable?: boolean
 }
 export interface MainGroupedSettingDto {
diff --git a/ui/src/views/settings/Settings.tsx b/ui/src/views/settings/Settings.tsx
index 0584464b..cc08d7e2 100644
--- a/ui/src/views/settings/Settings.tsx
+++ b/ui/src/views/settings/Settings.tsx
@@ -175,7 +175,7 @@ const Settings = () => {
                         {subGroup.settings.map((setting) => (
                           <FormItem
                             key={setting.code}
-                            label={translate('::' + setting.name) + ' (' + setting.providers + ')'}
+                            label={translate('::' + setting.name) + ' (' + setting.providers?.replaceAll('|', ', ') + ')'}
                             extra={
                               <Tooltip title={translate('::' + setting.description)}>
                                 <FaQuestionCircle className="text-lg cursor-pointer ml-1" />