diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index 4fcb13fcfe1..88e23ab4846 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -26,10 +26,10 @@
   --color-text-secondary: #44443e;
   --color-text-muted: #8a8a82;
 
-  /* Accent (blue) */
-  --color-accent: #4FA1EE;
-  --color-accent-hover: #3b8edb;
-  --color-accent-light: rgba(79, 161, 238, 0.08);
+  /* Accent */
+  --color-accent: #01735C;
+  --color-accent-hover: #015C4A;
+  --color-accent-light: rgba(1, 115, 92, 0.08);
 
   /* Chat */
   --color-user-bubble: #eae8e4;
@@ -116,10 +116,10 @@
   --color-text-secondary: #b8b8b0;
   --color-text-muted: #78776f;
 
-  /* Accent (blue, brighter for dark) */
-  --color-accent: #4FA1EE;
-  --color-accent-hover: #6bb3f2;
-  --color-accent-light: rgba(79, 161, 238, 0.12);
+  /* Accent */
+  --color-accent: #01735C;
+  --color-accent-hover: #1A8A6F;
+  --color-accent-light: rgba(1, 115, 92, 0.12);
 
   /* Chat */
   --color-user-bubble: #1e1e1c;
@@ -1992,6 +1992,10 @@ body {
 .dench-favicon-file {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/svg%3E") !important;
 }
+body.resizing .sidebar-animate {
+  transition: none !important;
+}
+
 .dench-favicon-app {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3C/svg%3E") !important;
 }
diff --git a/apps/web/app/workspace/workspace-content.tsx b/apps/web/app/workspace/workspace-content.tsx
index 683b81133e3..c0559a5b325 100644
--- a/apps/web/app/workspace/workspace-content.tsx
+++ b/apps/web/app/workspace/workspace-content.tsx
@@ -1892,7 +1892,7 @@ function WorkspacePageInner() {
         )
       ) : (
           <div
-            className="flex shrink-0 flex-col relative overflow-hidden"
+            className="sidebar-animate flex shrink-0 flex-col relative overflow-hidden"
             style={{
               width: leftSidebarCollapsed ? 0 : leftSidebarWidth,
               minWidth: leftSidebarCollapsed ? 0 : leftSidebarWidth,
@@ -2213,7 +2213,7 @@ function WorkspacePageInner() {
 
           {!isMobile && showMainChat && (
             <aside
-              className="flex-shrink-0 min-h-0 border-l flex flex-col relative overflow-hidden"
+              className="sidebar-animate flex-shrink-0 min-h-0 border-l flex flex-col relative overflow-hidden"
               style={{
                 width: chatSidebarOpen ? chatSidebarWidth : 0,
                 borderColor: chatSidebarOpen ? "var(--color-border)" : "transparent",
@@ -2258,7 +2258,7 @@ function WorkspacePageInner() {
 
           {!isMobile && !showMainChat && fileContext && (
             <aside
-              className="flex-shrink-0 min-h-0 border-l flex flex-col relative overflow-hidden"
+              className="sidebar-animate flex-shrink-0 min-h-0 border-l flex flex-col relative overflow-hidden"
               style={{
                 width: showChatSidebar && !rightSidebarCollapsed ? rightSidebarWidth : 0,
                 borderColor: showChatSidebar && !rightSidebarCollapsed ? "var(--color-border)" : "transparent",