diff --git a/srcjs/stendhal/ui/component/ChatInputComponent.ts b/srcjs/stendhal/ui/component/ChatInputComponent.ts
index fa0e861a238..3c421c06054 100644
--- a/srcjs/stendhal/ui/component/ChatInputComponent.ts
+++ b/srcjs/stendhal/ui/component/ChatInputComponent.ts
@@ -45,6 +45,13 @@ export class ChatInputComponent extends Component {
 		this.history = config.getObject("chat.history") || [];
 		this.historyIndex = config.getInt("chat.history.index", 0);
 
+		// ** keyword shortcuts ** //
+		const btn_keyword = document.getElementById("keywords")!;
+		// event to bring up keywords dialog
+		btn_keyword.addEventListener("click", (e) => {
+			this.buildChatOptions();
+		});
+
 		// ** emoji shortcuts ** //
 
 		const btn_emoji = document.getElementById("emojis")!;
@@ -56,13 +63,6 @@ export class ChatInputComponent extends Component {
 		btn_emoji.addEventListener("click", (e) => {
 			this.buildEmojiMap();
 		});
-
-		// ** keyword shortcuts ** //
-		const btn_keyword = document.getElementById("keywords")!;
-		// event to bring up keywords dialog
-		btn_keyword.addEventListener("click", (e) => {
-			this.buildChatOptions();
-		});
 	}
 
 	public clear() {