diff --git a/web/src/components/SiderBar.js b/web/src/components/SiderBar.js
index 80e9470f..801f5a2f 100644
--- a/web/src/components/SiderBar.js
+++ b/web/src/components/SiderBar.js
@@ -357,7 +357,7 @@ const SiderBar = () => {
         style={{
           width: isCollapsed ? '60px' : '200px',
           borderRight: '1px solid var(--semi-color-border)',
-          background: 'var(--semi-color-bg-1)',
+          background: 'var(--semi-color-bg-0)',
           borderRadius: styleState.isMobile ? '0' : '0 8px 8px 0',
           position: 'relative',
           zIndex: 95,