diff --git a/src/lib/components/LoginModal.svelte b/src/lib/components/LoginModal.svelte
index 830a7cf..2803724 100644
--- a/src/lib/components/LoginModal.svelte
+++ b/src/lib/components/LoginModal.svelte
@@ -87,7 +87,7 @@
 		{#if !success}
 			<h2 class="flex items-center text-2xl font-semibold text-gray-800">
 				<Logo classNames="mr-1" />
-				{PUBLIC_APP_NAME}
+				<div class="text-white">{PUBLIC_APP_NAME}</div>
 				<div
 					class="ml-3 flex h-6 items-center rounded-lg border border-gray-100 bg-gray-50 px-2 text-base text-gray-400"
 				>
diff --git a/src/lib/components/NavMenu.svelte b/src/lib/components/NavMenu.svelte
index cf70438..54c991e 100644
--- a/src/lib/components/NavMenu.svelte
+++ b/src/lib/components/NavMenu.svelte
@@ -96,7 +96,7 @@
 <div class="bg-[#142343] sticky top-0 flex flex-none items-center justify-between px-3 py-5 max-sm:pt-0">
 	<a class="flex items-center rounded-xl text-lg font-semibold" href="{PUBLIC_ORIGIN}{base}/">
 		<Logo classNames="mr-1" />
-		<div class = "pl-2"> {PUBLIC_APP_NAME} </div>
+		<div class = "pl-2 text-white"> {PUBLIC_APP_NAME} </div>
 	</a>
 	<a
 		href={`${base}/`}
diff --git a/src/lib/components/chat/ChatIntroduction.svelte b/src/lib/components/chat/ChatIntroduction.svelte
index 48cef93..4ab6a7c 100644
--- a/src/lib/components/chat/ChatIntroduction.svelte
+++ b/src/lib/components/chat/ChatIntroduction.svelte
@@ -50,7 +50,7 @@
 		<div>
 			<div class="mb-3 flex items-center text-2xl font-semibold">
 				<Logo classNames="mr-1flex-none" />
-				<div class = "pl-2"> {PUBLIC_APP_NAME} </div>
+				<div class = "pl-2 text-white"> {PUBLIC_APP_NAME} </div>
 			</div>
 			<p class="text-base text-gray-600 dark:text-gray-400">
 				Enjoying the best AI models, with privacy