diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ca3a34ce..327a57dd 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -40,8 +40,7 @@
 	let suggestions = ''; // $page.url.searchParams.get('suggestions');
 
 	onMount(async () => {
-		await createNewChat(true);
-		await setDBandLoadChats();
+		await Promise.all([await createNewChat(true), await setDBandLoadChats()]);
 	});
 
 	//////////////////////////
@@ -804,17 +803,17 @@
 					<div class="flex justify-between my-2 text-sm">
 						<select
 							id="models"
-							class="outline-none bg-transparent text-lg font-semibold rounded-lg block w-full placeholder-gray-400"
+							class="outline-none bg-transparent text-lg font-semibold rounded-lg block w-full placeholder-gray-800"
 							bind:value={selectedModel}
 							disabled={messages.length != 0}
 						>
-							<option value="" selected>Select a model</option>
+							<option class=" text-gray-700" value="" selected>Select a model</option>
 
 							{#each models as model}
 								{#if model.name === 'hr'}
 									<hr />
 								{:else}
-									<option value={model.name} class=" text-lg">{model.name}</option>
+									<option value={model.name} class="text-gray-700 text-lg">{model.name}</option>
 								{/if}
 							{/each}
 						</select>
diff --git a/tailwind.config.js b/tailwind.config.js
index b97b22db..1512ddac 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -14,7 +14,7 @@ export default {
 					500: '#8e8ea0',
 					600: '#565869',
 					700: '#40414f',
-					800: '#343541',
+					800: '#33353E',
 					900: '#202123',
 					950: '#050509'
 				}