diff --git a/src/resources/styles.ts b/src/resources/styles.ts
index 441228c2b2..b4e38a73a1 100644
--- a/src/resources/styles.ts
+++ b/src/resources/styles.ts
@@ -5,7 +5,7 @@ export const derivedStyles = {
   "error-state-color": "var(--error-color)",
   "state-icon-unavailable-color": "var(--disabled-text-color)",
   "sidebar-text-color": "var(--primary-text-color)",
-  "sidebar-background-color": "var(--paper-listbox-background-color);",
+  "sidebar-background-color": "var(--card-background-color)",
   "sidebar-selected-text-color": "var(--primary-color)",
   "sidebar-selected-icon-color": "var(--primary-color)",
   "sidebar-icon-color": "rgba(var(--rgb-primary-text-color), 0.6)",