From b1dd9681f31121bac4956daa3597869013330386 Mon Sep 17 00:00:00 2001
From: timothycarambat <rambat1010@gmail.com>
Date: Mon, 29 Jul 2024 11:15:02 -0700
Subject: [PATCH] Fix GroqAI picker UI bug

---
 .../src/components/LLMSelection/GroqAiOptions/index.jsx    | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/LLMSelection/GroqAiOptions/index.jsx b/frontend/src/components/LLMSelection/GroqAiOptions/index.jsx
index c9b38ed275e..4dd923d6101 100644
--- a/frontend/src/components/LLMSelection/GroqAiOptions/index.jsx
+++ b/frontend/src/components/LLMSelection/GroqAiOptions/index.jsx
@@ -89,13 +89,16 @@ function GroqAIModelSelection({ apiKey, settings }) {
         name="GroqModelPref"
         required={true}
         className="border-none bg-zinc-900 border-gray-500 text-white text-sm rounded-lg block w-full p-2.5"
-        defaultValue={settings?.GroqModelPref}
       >
         {customModels.length > 0 && (
           <optgroup label="Available models">
             {customModels.map((model) => {
               return (
-                <option key={model.id} value={model.id}>
+                <option
+                  key={model.id}
+                  value={model.id}
+                  selected={settings?.GroqModelPref === model.id}
+                >
                   {model.id}
                 </option>
               );