diff --git a/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx b/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
index 9ecd1527530..fca91e01bf1 100644
--- a/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
+++ b/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
@@ -10,7 +10,6 @@ import {
 } from "@phosphor-icons/react";
 import { useEffect, useRef, useState } from "react";
 import { useParams } from "react-router-dom";
-import truncate from "truncate";
 
 const THREAD_CALLOUT_DETAIL_WIDTH = 26;
 export default function ThreadItem({
@@ -92,15 +91,15 @@ export default function ThreadItem({
             href={
               window.location.pathname === linkTo || ctrlPressed ? "#" : linkTo
             }
-            className="w-full pl-2 py-1"
+            className="w-full pl-2 py-1 overflow-hidden"
             aria-current={isActive ? "page" : ""}
           >
             <p
-              className={`text-left text-sm ${
+              className={`text-left text-sm truncate max-w-[165px] ${
                 isActive ? "font-medium text-white" : "text-theme-text-primary"
               }`}
             >
-              {truncate(thread.name, 25)}
+              {thread.name}
             </p>
           </a>
         )}
diff --git a/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx b/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx
index 32cdd9e07eb..14258d1326e 100644
--- a/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx
+++ b/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx
@@ -134,7 +134,7 @@ export default function ActiveWorkspaces() {
                                   className={`
                                   text-[14px] leading-loose whitespace-nowrap overflow-hidden text-white
                                   ${isActive ? "font-bold" : "font-medium"} truncate
-                                  w-full group-hover:w-[100px] group-hover:font-bold group-hover:duration-200
+                                  w-full group-hover:w-[130px] group-hover:font-bold group-hover:duration-200
                                 `}
                                 >
                                   {workspace.name}