diff --git a/src/typescript/frontend/src/components/emoji-picker/EmojiPickerWithInput.tsx b/src/typescript/frontend/src/components/emoji-picker/EmojiPickerWithInput.tsx
index 026c9a3525..9fe51056af 100644
--- a/src/typescript/frontend/src/components/emoji-picker/EmojiPickerWithInput.tsx
+++ b/src/typescript/frontend/src/components/emoji-picker/EmojiPickerWithInput.tsx
@@ -19,8 +19,8 @@ import { useWallet } from "@aptos-labs/wallet-adapter-react";
 import "./triangle.css";
 
 const EMOJI_FONT_FAMILY =
-  '"EmojiMart", "Segoe UI Emoji", "Segoe UI Symbol", ' +
-  '"Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", ' +
+  '"Noto Color Emoji", "Apple Color Emoji", "EmojiMart", "Segoe UI Emoji", ' +
+  '"Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", ' +
   '"Android Emoji"';
 
 const ChatInputBox = ({ children }: { children: React.ReactNode }) => {