diff --git a/web/containers/ModelDropdown/index.tsx b/web/containers/ModelDropdown/index.tsx
index f124bc2e4..dc2a05af6 100644
--- a/web/containers/ModelDropdown/index.tsx
+++ b/web/containers/ModelDropdown/index.tsx
@@ -580,10 +580,15 @@ const ModelDropdown = ({
                               className={twMerge(
                                 'cursor-pointer px-3 py-2 hover:bg-[hsla(var(--dropdown-menu-hover-bg))]',
                                 !apiKey
-                                  ? 'cursor-disabled text-[hsla(var(--text-tertiary))]'
+                                  ? 'cursor-not-allowed text-[hsla(var(--text-tertiary))]'
                                   : 'text-[hsla(var(--text-secondary))]'
                               )}
                               onClick={() => {
+                                if (
+                                  !apiKey &&
+                                  !localEngines.includes(model.engine)
+                                )
+                                  return null
                                 onClickModelItem(model.id)
                               }}
                             >