diff --git a/src/lib/Setting/Pages/BotSettings.svelte b/src/lib/Setting/Pages/BotSettings.svelte
index 4daacb98..64b82408 100644
--- a/src/lib/Setting/Pages/BotSettings.svelte
+++ b/src/lib/Setting/Pages/BotSettings.svelte
@@ -190,7 +190,6 @@
         <OptionInput value="claude-instant-v1.1-100k">claude-instant-v1.1-100k</OptionInput>
         <OptionInput value="claude-3-opus-20240229">claude-3-opus-20240229</OptionInput>
         <OptionInput value="claude-3-sonnet-20240229">claude-3-sonnet-20240229</OptionInput>
-        <!-- <OptionInput value="claude-3-haiku-202403079">claude-3-haiku-20240307</OptionInput> -->
         <OptionInput value="custom">Custom</OptionInput>
     </SelectInput>
     {#if $DataBase.proxyRequestModel === 'custom'}
diff --git a/src/lib/UI/ModelList.svelte b/src/lib/UI/ModelList.svelte
index f763b94a..56c09827 100644
--- a/src/lib/UI/ModelList.svelte
+++ b/src/lib/UI/ModelList.svelte
@@ -56,10 +56,11 @@
                 {/if}
             </Arcodion>
             <Arcodion name="Anthropic Claude">
-                <button class="p-2 hover:text-green-500" on:click={() => {changeModel('claude-3-opus-20240229')}}>Claude 3 Opus (20240229)</button>
-                <button class="p-2 hover:text-green-500" on:click={() => {changeModel('claude-3-sonnet-20240229')}}>Claude 3 Sonnet (20240229)</button>
+                <button class="p-2 hover:text-green-500" on:click={() => {changeModel('claude-3.5-sonnet-20240620	')}}>Claude 3.5 Sonnet (20240620)</button>
                 <button class="p-2 hover:text-green-500" on:click={() => {changeModel('claude-3-haiku-20240307')}}>Claude 3 Haiku (20240307)</button>
                 {#if showUnrec}
+                    <button class="p-2 hover:text-green-500" on:click={() => {changeModel('claude-3-opus-20240229')}}>Claude 3 Opus (20240229)</button>
+                    <button class="p-2 hover:text-green-500" on:click={() => {changeModel('claude-3-sonnet-20240229')}}>Claude 3 Sonnet (20240229)</button>
                     <button class="p-2 hover:text-green-500" on:click={() => {changeModel('claude-2.1')}}>claude-2.1</button>
                     <button class="p-2 hover:text-green-500" on:click={() => {changeModel('claude-2')}}>claude-2</button>
                     <button class="p-2 hover:text-green-500" on:click={() => {changeModel('claude-2-100k')}}>claude-2-100k</button>
diff --git a/src/ts/model/names.ts b/src/ts/model/names.ts
index c5c9bbbb..7d8a0932 100644
--- a/src/ts/model/names.ts
+++ b/src/ts/model/names.ts
@@ -79,6 +79,8 @@ export function getModelName(name:string){
             return 'Gemini Ultra Vision'
         case 'claude-3-opus-20240229':
             return 'Claude 3 Opus (20240229)'
+        case 'claude-3.5-sonnet-20240620':
+            return 'Claude 3.5 Sonnet (20240620)'
         case 'claude-3-sonnet-20240229':
             return 'Claude 3 Sonnet (20240229)'
         case 'mistral-large-latest':