diff --git a/web/app/components/header/account-setting/model-provider-page/index.tsx b/web/app/components/header/account-setting/model-provider-page/index.tsx
index 7faf3f3de7..f807bd7922 100644
--- a/web/app/components/header/account-setting/model-provider-page/index.tsx
+++ b/web/app/components/header/account-setting/model-provider-page/index.tsx
@@ -222,7 +222,7 @@ const ModelProviderPage = ({ searchText }: Props) => {
         {!collapse && !isPluginsLoading && (
           <div className='grid grid-cols-2 gap-2'>
             {plugins.map(plugin => (
-              <ProviderCard key={plugin.plugin_id} payload={plugin} />
+              <ProviderCard key={plugin.plugin_id} payload={plugin} onSuccess={updateModelProviders} />
             ))}
           </div>
         )}
diff --git a/web/app/components/plugins/provider-card.tsx b/web/app/components/plugins/provider-card.tsx
index 5c8ab1891e..e2a45fc24d 100644
--- a/web/app/components/plugins/provider-card.tsx
+++ b/web/app/components/plugins/provider-card.tsx
@@ -19,11 +19,13 @@ import { useBoolean } from 'ahooks'
 type Props = {
   className?: string
   payload: Plugin
+  onSuccess: () => void
 }
 
 const ProviderCard: FC<Props> = ({
   className,
   payload,
+  onSuccess,
 }) => {
   const { t } = useTranslation()
   const [isShowInstallFromMarketplace, {
@@ -84,7 +86,10 @@ const ProviderCard: FC<Props> = ({
             manifest={payload as any}
             uniqueIdentifier={payload.latest_package_identifier}
             onClose={hideInstallFromMarketplace}
-            onSuccess={hideInstallFromMarketplace}
+            onSuccess={() => {
+              onSuccess()
+              hideInstallFromMarketplace()
+            }}
           />
         )
       }