diff --git a/web/src/assets/base.css b/web/src/assets/base.css
index 1ab2bfe0..6d84b5d4 100644
--- a/web/src/assets/base.css
+++ b/web/src/assets/base.css
@@ -40,6 +40,7 @@
   --main-light-4: #F2F5F5;
   --main-light-5: #F7FAFB;
   --main-light-6: #FAFDFD;
+  --main-light-7: #FEFFFF;
   --secondry-color: #4e616d;
   --error-color: #ba1a1a;
 
diff --git a/web/src/components/ChatComponent.vue b/web/src/components/ChatComponent.vue
index 25b6143a..dd9d87e0 100644
--- a/web/src/components/ChatComponent.vue
+++ b/web/src/components/ChatComponent.vue
@@ -668,7 +668,7 @@ const selectModel = (provider, name) => {
   display: flex;
   flex-direction: column;
   overflow-x: hidden;
-  background: var(--main-light-6);
+  background: var(--main-light-7);
   position: relative;
   box-sizing: border-box;
   flex: 5 5 200px;