fix: styling

src/lib/components/chat/Messages/UserMessage.svelte

@@ -54,7 +54,7 @@
 	};
 </script>
 
-<div class=" flex w-full">
+<div class=" flex w-full user-message">
 	<div class="w-full overflow-hidden">
 		<div
 			class="prose chat-{message.role} w-full max-w-full flex flex-col justify-end dark:prose-invert prose-headings:my-0 prose-p:my-0 prose-p:-mb-4 prose-pre:my-0 prose-table:my-0 prose-blockquote:my-0 prose-img:my-0 prose-ul:-my-4 prose-ol:-my-4 prose-li:-my-3 prose-ul:-mb-6 prose-ol:-mb-6 prose-li:-mb-4 whitespace-pre-line"

src/lib/components/layout/Sidebar.svelte

@@ -243,7 +243,9 @@
 						alt="logo"
 					/>
 				</div>
-				<div class=" self-center font-medium text-sm dark:text-white">{$i18n.t('New Chat')}</div>
+				<div class=" self-center font-medium text-sm text-gray-850 dark:text-white">
+					{$i18n.t('New Chat')}
+				</div>
 				<div class="self-center ml-auto">
 					<svg
 						xmlns="http://www.w3.org/2000/svg"