diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index b4edfca8f..f816aef29 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -522,16 +522,23 @@ export function ChatActions(props: {
     const filteredModels = allModels.filter((m) => m.available);
     const defaultModel = filteredModels.find((m) => m.isDefault);
 
+    const groupedModels = filteredModels.sort((a, b) => {
+      const providerA = a.provider?.providerName || "";
+      const providerB = b.provider?.providerName || "";
+      return providerA.localeCompare(providerB);
+    });
+
     if (defaultModel) {
       const arr = [
         defaultModel,
-        ...filteredModels.filter((m) => m !== defaultModel),
+        ...groupedModels.filter((m) => m !== defaultModel),
       ];
       return arr;
     } else {
-      return filteredModels;
+      return groupedModels;
     }
   }, [allModels]);
+
   const currentModelName = useMemo(() => {
     const model = models.find(
       (m) =>