diff --git a/web-app/src/routes/settings/providers/index.tsx b/web-app/src/routes/settings/providers/index.tsx
index 94c01865b..163f82951 100644
--- a/web-app/src/routes/settings/providers/index.tsx
+++ b/web-app/src/routes/settings/providers/index.tsx
@@ -38,7 +38,7 @@ function ModelProviders() {
   const [name, setName] = useState('')
 
   const createProvider = useCallback(() => {
-    if (providers.some((e) => e.provider === name)) {
+    if (providers.some((e) => e.provider.toLowerCase() === name.toLowerCase())) {
       toast.error(t('providerAlreadyExists', { name }))
       return
     }