From 88f5bb5ce14fcdd291d832c7e8bac72369816d01 Mon Sep 17 00:00:00 2001
From: shatfield4 <seanhatfield5@gmail.com>
Date: Thu, 3 Oct 2024 16:29:19 -0700
Subject: [PATCH] fix sidebar resizing/truncate issue on hover

---
 .../Sidebar/ActiveWorkspaces/index.jsx        | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx b/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx
index 67ae307e3..745fa1b8a 100644
--- a/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx
+++ b/frontend/src/components/Sidebar/ActiveWorkspaces/index.jsx
@@ -73,15 +73,17 @@ export default function ActiveWorkspaces() {
                       className="flex-shrink-0"
                       size={24}
                     />
-                    <p
-                      className={`
-                      text-[14px] leading-loose whitespace-nowrap overflow-hidden
-                      ${isActive ? "text-white" : "text-zinc-200 group-hover:w-[120px]"} truncate
-                      w-[130px] transition-all duration-200
-                    `}
-                    >
-                      {workspace.name}
-                    </p>
+                    <div className="w-[130px] overflow-hidden">
+                      <p
+                        className={`
+                        text-[14px] leading-loose whitespace-nowrap overflow-hidden
+                        ${isActive ? "text-white" : "text-zinc-200"} truncate
+                        w-full group-hover:w-[100px] transition-all duration-200
+                      `}
+                      >
+                        {workspace.name}
+                      </p>
+                    </div>
                   </div>
                   {user?.role !== "default" && (
                     <div