diff --git a/web/app/components/plugins/plugin-page/plugin-tasks/components/__tests__/plugin-item.spec.tsx b/web/app/components/plugins/plugin-page/plugin-tasks/components/__tests__/plugin-item.spec.tsx
index bda998f8b9..e4dac6d4bf 100644
--- a/web/app/components/plugins/plugin-page/plugin-tasks/components/__tests__/plugin-item.spec.tsx
+++ b/web/app/components/plugins/plugin-page/plugin-tasks/components/__tests__/plugin-item.spec.tsx
@@ -121,7 +121,7 @@ describe('PluginItem', () => {
           plugin={createPlugin({ icon: '' })}
           getIconUrl={mockGetIconUrl}
           language="en_US"
-          statusIcon={<span />}
+          statusIcon={<span data-testid="status-icon" />}
           statusText="status"
         />,
       )
@@ -129,6 +129,7 @@ describe('PluginItem', () => {
       expect(mockGetIconUrl).not.toHaveBeenCalled()
       expect(screen.queryByTestId('card-icon')).not.toBeInTheDocument()
       expect(container.querySelector('[data-testid="magic-box-icon"]')).toHaveClass('size-8', 'text-text-tertiary')
+      expect(screen.getByTestId('status-icon').parentElement).toHaveClass('absolute', '-bottom-0.5', '-right-0.5', 'z-10')
     })
   })
 
diff --git a/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-item.tsx b/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-item.tsx
index e3d9dcaae9..f3a7eb6a84 100644
--- a/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-item.tsx
+++ b/web/app/components/plugins/plugin-page/plugin-tasks/components/plugin-item.tsx
@@ -1,7 +1,6 @@
 import type { FC, ReactNode } from 'react'
 import type { PluginStatus } from '@/app/components/plugins/types'
 import type { Locale } from '@/i18n-config'
-import { cn } from '@langgenius/dify-ui/cn'
 import { MagicBox } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
 import CardIcon from '@/app/components/plugins/card/base/card-icon'
 
@@ -40,11 +39,7 @@ const PluginItem: FC<PluginItemProps> = ({
             )
           // eslint-disable-next-line hyoban/prefer-tailwind-icons -- Reuse the same MagicBox component as the marketplace install button.
           : <MagicBox className="size-8 text-text-tertiary" />}
-        <div className={cn(
-          'absolute z-10',
-          hasPluginIcon ? '-right-0.5 -bottom-0.5' : '-right-1 -bottom-1',
-        )}
-        >
+        <div className="absolute -right-0.5 -bottom-0.5 z-10">
           {statusIcon}
         </div>
       </div>