diff --git a/src/lib/components/AddFilesPlaceholder.svelte b/src/lib/components/AddFilesPlaceholder.svelte
index 6d72ee0e6..cb7f4f04b 100644
--- a/src/lib/components/AddFilesPlaceholder.svelte
+++ b/src/lib/components/AddFilesPlaceholder.svelte
@@ -7,8 +7,7 @@
 </script>
 
 <div class="px-3">
-	<div class="text-center text-6xl mb-3">📄</div>
-	<div class="text-center dark:text-white text-xl font-semibold z-50">
+	<div class="text-center dark:text-white text-2xl font-medium z-50">
 		{#if title}
 			{title}
 		{:else}
@@ -17,7 +16,7 @@
 	</div>
 
 	<slot
-		><div class="px-2 mt-2 text-center text-sm dark:text-gray-200 w-full">
+		><div class="px-2 mt-2 text-center text-gray-700 dark:text-gray-200 w-full">
 			{#if content}
 				{content}
 			{:else}
diff --git a/src/lib/components/chat/MessageInput/FilesOverlay.svelte b/src/lib/components/chat/MessageInput/FilesOverlay.svelte
index 7c35ceb67..d8a09b0b1 100644
--- a/src/lib/components/chat/MessageInput/FilesOverlay.svelte
+++ b/src/lib/components/chat/MessageInput/FilesOverlay.svelte
@@ -24,8 +24,10 @@
 		role="region"
 		aria-label="Drag and Drop Container"
 	>
-		<div class="absolute w-full h-full backdrop-blur-sm bg-gray-800/40 flex justify-center">
-			<div class="m-auto pt-64 flex flex-col justify-center">
+		<div
+			class="absolute w-full h-full backdrop-blur-sm bg-gray-100/50 dark:bg-gray-900/80 flex justify-center"
+		>
+			<div class="m-auto flex flex-col justify-center">
 				<div class="max-w-md">
 					<AddFilesPlaceholder />
 				</div>