diff --git a/packages/client/src/components/hermes/chat/ChatInput.vue b/packages/client/src/components/hermes/chat/ChatInput.vue
index 093399d8..56d5df31 100644
--- a/packages/client/src/components/hermes/chat/ChatInput.vue
+++ b/packages/client/src/components/hermes/chat/ChatInput.vue
@@ -1344,6 +1344,10 @@ function isImage(type: string): boolean {
   border-top: 0;
   background-color: $bg-card;
   flex-shrink: 0;
+
+  .dark & {
+    background-color: #333333;
+  }
 }
 
 .input-top-bar {
@@ -1747,7 +1751,7 @@ function isImage(type: string): boolean {
   }
 
   .dark & {
-    background-color: $bg-card;
+    background-color: #333333;
     box-shadow: 0 8px 28px rgba(0, 0, 0, 0.32);
   }
 }