diff --git a/docs/src/theme/ChatModelTabs.js b/docs/src/theme/ChatModelTabs.js
index b9a3044251a..01a8fea5c0f 100644
--- a/docs/src/theme/ChatModelTabs.js
+++ b/docs/src/theme/ChatModelTabs.js
@@ -99,7 +99,7 @@ export const CustomDropdown = ({ selectedOption, options, onSelect, modelType })
  * @param {ChatModelTabsProps} props - Component props.
  */
 export default function ChatModelTabs(props) {
-  const [selectedModel, setSelectedModel] = useState("groq");
+  const [selectedModel, setSelectedModel] = useState("openai");
   const {
     overrideParams,
     customVarName,
@@ -108,13 +108,6 @@ export default function ChatModelTabs(props) {
   const llmVarName = customVarName ?? "model";
 
   const tabItems = [
-    {
-      value: "groq",
-      label: "Groq",
-      model: "llama3-8b-8192",
-      apiKeyName: "GROQ_API_KEY",
-      packageName: "langchain[groq]",
-    },
     {
       value: "openai",
       label: "OpenAI",
@@ -156,6 +149,13 @@ ${llmVarName} = AzureChatOpenAI(
       apiKeyText: "# Ensure your AWS credentials are configured",
       packageName: "langchain[aws]",
     },
+    {
+      value: "groq",
+      label: "Groq",
+      model: "llama3-8b-8192",
+      apiKeyName: "GROQ_API_KEY",
+      packageName: "langchain[groq]",
+    },
     {
       value: "cohere",
       label: "Cohere",