diff --git a/public/index.html b/public/index.html
index 233ab710f..30c574365 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3100,6 +3100,9 @@
                             </div>
                             <h4 data-i18n="Groq Model">Groq Model</h4>
                             <select id="model_groq_select">
+                                <optgroup label="Llama 3.3">
+                                    <option value="llama-3.3-70b-versatile">llama-3.3-70b-versatile</option>
+                                </optgroup>
                                 <optgroup label="Llama 3.2">
                                     <option value="llama-3.2-1b-preview">llama-3.2-1b-preview</option>
                                     <option value="llama-3.2-3b-preview">llama-3.2-3b-preview</option>
diff --git a/public/scripts/openai.js b/public/scripts/openai.js
index 76232563b..550ab8235 100644
--- a/public/scripts/openai.js
+++ b/public/scripts/openai.js
@@ -4269,7 +4269,7 @@ async function onModelChange() {
         else if (oai_settings.groq_model.includes('llama-3.2') && oai_settings.groq_model.includes('-preview')) {
             $('#openai_max_context').attr('max', max_8k);
         }
-        else if (oai_settings.groq_model.includes('llama-3.2') || oai_settings.groq_model.includes('llama-3.1')) {
+        else if (oai_settings.groq_model.includes('llama-3.3') || oai_settings.groq_model.includes('llama-3.2') || oai_settings.groq_model.includes('llama-3.1')) {
             $('#openai_max_context').attr('max', max_128k);
         }
         else if (oai_settings.groq_model.includes('llama3-groq')) {