diff --git a/web/app/components/plugins/plugin-page/empty/index.tsx b/web/app/components/plugins/plugin-page/empty/index.tsx
index 7fee823c02..53a00dc01c 100644
--- a/web/app/components/plugins/plugin-page/empty/index.tsx
+++ b/web/app/components/plugins/plugin-page/empty/index.tsx
@@ -47,14 +47,14 @@ const Empty = () => {
         ))}
       </div>
       {/* mask */}
-      <div className='absolute z-20 h-full w-full bg-gradient-to-b from-background-gradient-mask-transparent to-white' />
+      <div className='absolute z-20 h-full w-full bg-gradient-to-b from-components-panel-bg-transparent to-components-panel-bg' />
       <div className='relative z-30 flex h-full items-center justify-center'>
         <div className='flex flex-col items-center gap-y-3'>
           <div className='relative -z-10 flex h-[52px] w-[52px] items-center justify-center rounded-xl
           border-[1px] border-dashed border-divider-deep bg-components-card-bg shadow-xl shadow-shadow-shadow-5'>
             <Group className='h-5 w-5 text-text-tertiary' />
-            <Line className='absolute -right-[1px] top-1/2 -translate-y-1/2' />
-            <Line className='absolute -left-[1px] top-1/2 -translate-y-1/2' />
+            <Line className='absolute right-[-1px] top-1/2 -translate-y-1/2' />
+            <Line className='absolute left-[-1px] top-1/2 -translate-y-1/2' />
             <Line className='absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90' />
             <Line className='absolute left-1/2 top-full -translate-x-1/2 -translate-y-1/2 rotate-90' />
           </div>