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 61187f55b229c69a1e348a1ba68ca6092b326d1a..7e2259b22845262a677f41a497b521689c831e7e 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 99493dbaf2f62dc3e3603952fc8eb5e9b29f370c..91e165d4c0bc3c95587457c35ffc12d8c2be3a4e 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 && (