diff --git a/web/components/chat/ChatTextField/ChatTextField.module.scss b/web/components/chat/ChatTextField/ChatTextField.module.scss
index f3f7d922d..04f352d70 100644
--- a/web/components/chat/ChatTextField/ChatTextField.module.scss
+++ b/web/components/chat/ChatTextField/ChatTextField.module.scss
@@ -46,3 +46,16 @@
   cursor: pointer;
   padding: 0 1rem;
 }
+
+.sendButton {
+  border: none;
+  background: none;
+  cursor: pointer;
+  padding: 0 1rem;
+  display: none;
+
+  // Only show the chat send button on narrow screens to assist in mobile use.
+  @media (max-width: 768px) {
+    display: block;
+  }
+}
diff --git a/web/components/chat/ChatTextField/ChatTextField.tsx b/web/components/chat/ChatTextField/ChatTextField.tsx
index ae24eb574..596d620da 100644
--- a/web/components/chat/ChatTextField/ChatTextField.tsx
+++ b/web/components/chat/ChatTextField/ChatTextField.tsx
@@ -235,7 +235,7 @@ export const ChatTextField: FC<ChatTextFieldProps> = () => {
           </button>
           <button
             type="button"
-            className={styles.emojiButton}
+            className={styles.sendButton}
             title="Send message Button"
             onClick={sendMessage}
           >