diff --git a/web-chat/src/MessageInput.tsx b/web-chat/src/MessageInput.tsx
index 394d058db8..bdd2f4424a 100644
--- a/web-chat/src/MessageInput.tsx
+++ b/web-chat/src/MessageInput.tsx
@@ -40,7 +40,7 @@ export default function MessageInput(props: Props) {
     <TextComposer
       onKeyDown={keyPressHandler}
       onChange={messageHandler}
-      active={waku}
+      active={!!waku}
       onButtonClick={sendMessage}
     >
       <Row align="center">