From 48f131863704df0aac1e036999c4bf59eac38b8e Mon Sep 17 00:00:00 2001
From: Andrew Koreykin <ankormoreankor@gmail.com>
Date: Fri, 5 Sep 2025 18:21:44 +0400
Subject: [PATCH] fix overflow of file item

---
 packages/ui/src/components/file-explorer.tsx                | 6 ++++--
 .../components/changes/pull-request-changes-explorer.tsx    | 3 ++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/file-explorer.tsx b/packages/ui/src/components/file-explorer.tsx
index 1b6dd80864..0365b5f7b2 100644
--- a/packages/ui/src/components/file-explorer.tsx
+++ b/packages/ui/src/components/file-explorer.tsx
@@ -108,16 +108,17 @@ function FolderItem({ children, value = '', isActive, content, link, level }: Fo
   )
 }
 
-interface FileItemProps {
+type FileItemProps = {
   level: number
   children: ReactNode
   isActive?: boolean
   link?: string
   onClick?: () => void
   tooltip?: TooltipProps['content']
+  [key: `data-${string}`]: any
 }
 
-function FileItem({ children, isActive, level, link, onClick, tooltip }: FileItemProps) {
+function FileItem({ children, isActive, level, link, onClick, tooltip, ...dataProps }: FileItemProps) {
   const comp = (
     <Item
       icon="empty-page"
@@ -126,6 +127,7 @@ function FileItem({ children, isActive, level, link, onClick, tooltip }: FileIte
       style={{ marginLeft: `calc(-16px * ${level})`, paddingLeft: level ? `calc(16px * ${level} + 8px)` : '24px' }}
       onClick={onClick}
       link={link}
+      {...dataProps}
     >
       {children}
     </Item>
diff --git a/packages/ui/src/views/repo/pull-request/details/components/changes/pull-request-changes-explorer.tsx b/packages/ui/src/views/repo/pull-request/details/components/changes/pull-request-changes-explorer.tsx
index b69855faf6..f9ed17f45e 100644
--- a/packages/ui/src/views/repo/pull-request/details/components/changes/pull-request-changes-explorer.tsx
+++ b/packages/ui/src/views/repo/pull-request/details/components/changes/pull-request-changes-explorer.tsx
@@ -359,8 +359,9 @@ function renderTree(
               )}
             </Layout.Flex>
           }
+          data-explorer-path={node.path}
         >
-          <div data-explorer-path={node.path}>{node.name}</div>
+          {node.name}
         </FileExplorer.FileItem>
       )
     }