diff --git a/src/interface/web/app/page.tsx b/src/interface/web/app/page.tsx
index 5c593401..b570e86c 100644
--- a/src/interface/web/app/page.tsx
+++ b/src/interface/web/app/page.tsx
@@ -132,8 +132,8 @@ function ChatBodyData(props: ChatBodyDataProps) {
     useEffect(() => {
         const agents = (agentsData || []).filter((agent) => agent !== null && agent !== undefined);
         setAgents(agents);
-        // set the selected agent to the most recently used agent, first agent is always khoj
-        setSelectedAgent(agents.length > 1 ? agents[1].slug : "khoj");
+        // set the first agent, which is always the default agent, as the default for chat
+        setSelectedAgent(agents.length > 1 ? agents[0].slug : "khoj");
 
         // generate colored icons for the available agents
         const agentIcons = agents.map((agent) => getIconFromIconName(agent.icon, agent.color)!);