diff --git a/src/components/PageComponents/Messages/ChannelChat.tsx b/src/components/PageComponents/Messages/ChannelChat.tsx
index 8fb8365f..56ee39e9 100644
--- a/src/components/PageComponents/Messages/ChannelChat.tsx
+++ b/src/components/PageComponents/Messages/ChannelChat.tsx
@@ -55,7 +55,7 @@ export const ChannelChat = ({
         <div className="flex-1 flex items-center justify-center">
           <EmptyState />
         </div>
-        <div className="flex-shrink-0 p-4 w-full bg-gray-900">
+        <div className="flex-shrink-0 p-4 w-full dark:bg-gray-900">
           <MessageInput to={to} channel={channel} maxBytes={200} />
         </div>
       </div>