diff --git a/web/app/components/workflow/skill/file-tree/index.tsx b/web/app/components/workflow/skill/file-tree/index.tsx
index 24b4c8b3ea..cefd5efe9b 100644
--- a/web/app/components/workflow/skill/file-tree/index.tsx
+++ b/web/app/components/workflow/skill/file-tree/index.tsx
@@ -401,6 +401,7 @@ const FileTree = ({ className }: FileTreeProps) => {
             overscanCount={5}
             openByDefault={false}
             initialOpenState={initialOpensObject}
+            rowClassName="outline-none"
             onToggle={handleToggle}
             onSelect={handleSelect}
             onActivate={handleActivate}
diff --git a/web/app/components/workflow/skill/file-tree/tree-node.tsx b/web/app/components/workflow/skill/file-tree/tree-node.tsx
index 3ee6d36d4b..fada40afe1 100644
--- a/web/app/components/workflow/skill/file-tree/tree-node.tsx
+++ b/web/app/components/workflow/skill/file-tree/tree-node.tsx
@@ -28,7 +28,6 @@ const TreeNode = ({ node, style, dragHandle, treeChildren }: TreeNodeProps) => {
   const { t } = useTranslation('workflow')
   const isFolder = node.data.node_type === 'folder'
   const isSelected = node.isSelected
-  const isFocused = node.isFocused
   const isDirty = useStore(s => s.dirtyContents.has(node.data.id))
   const isCut = useStore(s => s.isCutNode(node.data.id))
   const contextMenuNodeId = useStore(s => s.contextMenu?.nodeId)
@@ -101,7 +100,6 @@ const TreeNode = ({ node, style, dragHandle, treeChildren }: TreeNodeProps) => {
         'hover:bg-state-base-hover',
         'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-components-input-border-active',
         isSelected && 'bg-state-base-active',
-        isFocused && 'ring-2 ring-inset ring-components-input-border-active',
         hasContextMenu && !isSelected && 'bg-state-base-hover',
         isDragOver && 'bg-state-accent-hover ring-1 ring-inset ring-state-accent-solid',
         isBlinking && 'animate-drag-blink',