diff --git a/src/renderer/src/components/sidebar/Sidebar.test.tsx b/src/renderer/src/components/sidebar/Sidebar.test.tsx
index d9e1edb2d87..356b420b76c 100644
--- a/src/renderer/src/components/sidebar/Sidebar.test.tsx
+++ b/src/renderer/src/components/sidebar/Sidebar.test.tsx
@@ -166,9 +166,11 @@ describe('Sidebar', () => {
     })
 
     const markup = renderSidebar()
+    const sidebarRootTag = markup.slice(0, markup.indexOf('>'))
 
-    expect(markup).toContain('--worktree-sidebar:#101820')
-    expect(markup).toContain('--worktree-sidebar-foreground:#f0f4f8')
+    expect(sidebarRootTag).toContain('--worktree-sidebar:#101820')
+    expect(sidebarRootTag).toContain('--worktree-sidebar-foreground:#f0f4f8')
+    expect(sidebarRootTag).toMatch(/[;"]color:#f0f4f8/)
     expect(markup).toContain('data-testid="workspace-kanban-drawer"')
     expect(markup.match(/--worktree-sidebar:#101820/g)).toHaveLength(2)
   })
diff --git a/src/renderer/src/lib/left-sidebar-appearance.ts b/src/renderer/src/lib/left-sidebar-appearance.ts
index ba56ecde136..56771c47ea3 100644
--- a/src/renderer/src/lib/left-sidebar-appearance.ts
+++ b/src/renderer/src/lib/left-sidebar-appearance.ts
@@ -74,6 +74,7 @@ function buildSurfaceVariables(args: {
   if (overrideTextTokens) {
     vars['--background'] = background
     vars['--foreground'] = foreground
+    vars.color = foreground
     vars['--card'] = `color-mix(in srgb, ${foreground} 4%, ${background})`
     vars['--card-foreground'] = foreground
     vars['--accent'] = `color-mix(in srgb, ${foreground} 9%, ${background})`