diff --git a/web/app/components/plugins/plugin-page/empty/index.tsx b/web/app/components/plugins/plugin-page/empty/index.tsx
index 323b47ebd0..a84427eca4 100644
--- a/web/app/components/plugins/plugin-page/empty/index.tsx
+++ b/web/app/components/plugins/plugin-page/empty/index.tsx
@@ -13,6 +13,7 @@ import { useTranslation } from 'react-i18next'
 import { SUPPORT_INSTALL_LOCAL_FILE_EXTENSIONS } from '@/config'
 import { noop } from 'lodash-es'
 import { useGlobalPublicStore } from '@/context/global-public-context'
+import Button from '@/app/components/base/button'
 
 type InstallMethod = {
   icon: React.FC<{ className?: string }>
@@ -94,7 +95,7 @@ const Empty = () => {
             />
             <div className='flex w-full flex-col gap-y-1'>
               {installMethods.map(({ icon: Icon, text, action }) => (
-                <div
+                <Button
                   key={action}
                   className='justify-start gap-x-0.5 px-3'
                   onClick={() => {
@@ -108,7 +109,7 @@ const Empty = () => {
                 >
                   <Icon className='size-4' />
                   <span className='px-0.5'>{text}</span>
-                </div>
+                </Button>
               ))}
             </div>
           </div>