diff --git a/src/website/public/components/SideHeaderMenu.tsx b/src/website/public/components/SideHeaderMenu.tsx
index 4597eee2f6..dc0894ec0d 100644
--- a/src/website/public/components/SideHeaderMenu.tsx
+++ b/src/website/public/components/SideHeaderMenu.tsx
@@ -26,8 +26,8 @@ function SideHeaderMenu(props: Props) {
         props.clearInput();
     }
 
-    buttons.push(<a href="#" onClick={_ => dispatchAndClearInput(createGroupChat(props.text, []))}>New group</a>);
     buttons.push(<a href="#" onClick={_ => dispatchAndClearInput(setupNewDirectChat(props.text))}>New chat</a>);
+    buttons.push(<a href="#" onClick={_ => dispatchAndClearInput(createGroupChat(props.text, []))}>New group</a>);
 
     if (props.selectedChat && isGroupChat(props.selectedChat)) {
         const groupChat = props.selectedChat;