diff --git a/web/app/components/workflow/skill/editor/skill-editor/plugins/file-picker-panel.tsx b/web/app/components/workflow/skill/editor/skill-editor/plugins/file-picker-panel.tsx
index 4a94c63c9f..7e134f062e 100644
--- a/web/app/components/workflow/skill/editor/skill-editor/plugins/file-picker-panel.tsx
+++ b/web/app/components/workflow/skill/editor/skill-editor/plugins/file-picker-panel.tsx
@@ -159,7 +159,7 @@ const FilePickerPanel = ({
   return (
     <div
       className={cn(
-        'w-[280px] overflow-hidden rounded-xl border-[0.5px] border-components-panel-border backdrop-blur-sm',
+        'w-[280px] overflow-hidden rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg',
         className,
       )}
       onMouseDown={(e) => {