diff --git a/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx b/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx
index 61187f55b..7e2259b22 100644
--- a/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx
+++ b/frontend/src/components/Modals/MangeWorkspace/Documents/Directory/FileRow/index.jsx
@@ -78,7 +78,7 @@ export default function FileRow({
           onMouseEnter={handleMouseEnter}
           onMouseLeave={handleMouseLeave}
         >
-          <p className="whitespace-nowrap overflow-hidden">
+          <p className="whitespace-nowrap overflow-hidden max-w-[165px] text-ellipsis">
             {middleTruncate(item.title, 17)}
           </p>
           {showTooltip && (
diff --git a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
index 99493dbaf..91e165d4c 100644
--- a/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
+++ b/frontend/src/components/Modals/MangeWorkspace/Documents/WorkspaceDirectory/WorkspaceFileRow/index.jsx
@@ -64,7 +64,7 @@ export default function WorkspaceFileRow({
           onMouseEnter={handleMouseEnter}
           onMouseLeave={handleMouseLeave}
         >
-          <p className="whitespace-nowrap overflow-hidden">
+          <p className="whitespace-nowrap overflow-hidden max-w-[165px] text-ellipsis">
             {middleTruncate(item.title, 17)}
           </p>
           {showTooltip && (