diff --git a/src/Components/Common/Sidebar/Sidebar.tsx b/src/Components/Common/Sidebar/Sidebar.tsx
index 001d70a18de..ffb4964b3b9 100644
--- a/src/Components/Common/Sidebar/Sidebar.tsx
+++ b/src/Components/Common/Sidebar/Sidebar.tsx
@@ -234,14 +234,12 @@ const ToggleShrink = ({ shrinked, toggle }: ToggleShrinkProps) => {
           <button
             className={`flex h-6 w-6 cursor-pointer items-center justify-center rounded focus:outline-none focus:ring-2 focus:ring-indigo-500 ${shrinked ? "bg-gray-200" : "bg-gray-100"} text-gray-600 hover:bg-primary-200 hover:text-primary-800 ${
               shrinked ? "mx-auto" : "mr-4"
-            } transition-all duration-200 ease-in-out`}
+            } transition-all ease-in-out`}
             onClick={toggle}
           >
             <CareIcon
               icon={shrinked ? "l-arrow-bar-right" : "l-layout-sidebar-alt"}
-              className={`text-lg ${
-                shrinked ? "" : ""
-              } transition-all delay-150 duration-300 ease-out`}
+              className="text-lg transition"
             />
           </button>
         </TooltipTrigger>
diff --git a/src/Components/Common/Sidebar/SidebarUserCard.tsx b/src/Components/Common/Sidebar/SidebarUserCard.tsx
index 6f44393f55d..825507ffb25 100644
--- a/src/Components/Common/Sidebar/SidebarUserCard.tsx
+++ b/src/Components/Common/Sidebar/SidebarUserCard.tsx
@@ -35,7 +35,7 @@ const SidebarUserCard: React.FC<SidebarUserCardProps> = ({ shrinked }) => {
           >
             <div
               id="user-profile-name"
-              className={`flex flex-1 items-center justify-start transition ${shrinked ? "" : ""}`}
+              className="flex flex-1 items-center justify-start transition"
             >
               <div className="flex-none text-lg">
                 <Avatar