diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index e7548a02c..abf0aba09 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -1160,7 +1160,7 @@
 						<!-- Queued messages display -->
 						{#if messageQueue.length > 0}
 							<div
-								class="mb-1 mx-2 py-0.5 px-1.5 rounded-2xl bg-gray-900/60 border border-gray-800/50 overflow-hidden"
+								class="mb-1 mx-2 py-0.5 px-1.5 rounded-2xl bg-gray-100 dark:bg-gray-900/60 border border-gray-200 dark:border-gray-800/50 overflow-hidden"
 							>
 								{#each messageQueue as queuedMessage (queuedMessage.id)}
 									<QueuedMessageItem
diff --git a/src/lib/components/chat/MessageInput/QueuedMessageItem.svelte b/src/lib/components/chat/MessageInput/QueuedMessageItem.svelte
index 8c3a2fe69..5614ac2d9 100644
--- a/src/lib/components/chat/MessageInput/QueuedMessageItem.svelte
+++ b/src/lib/components/chat/MessageInput/QueuedMessageItem.svelte
@@ -22,7 +22,7 @@
 
 	<!-- Message content -->
 	<div class="flex-1 min-w-0">
-		<p class="text-sm text-gray-300 truncate">{content}</p>
+		<p class="text-sm text-gray-600 dark:text-gray-300 truncate">{content}</p>
 	</div>
 
 	<!-- Actions -->
@@ -31,7 +31,7 @@
 		<Tooltip content={$i18n.t('Send now')}>
 			<button
 				type="button"
-				class="p-1 text-gray-500 hover:text-gray-300 transition-colors"
+				class="p-1 text-gray-400 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-300 transition-colors"
 				on:click={() => onSendNow(id)}
 				aria-label={$i18n.t('Send now')}
 			>
@@ -56,7 +56,7 @@
 		<Tooltip content={$i18n.t('Edit')}>
 			<button
 				type="button"
-				class="p-1 text-gray-500 hover:text-gray-300 transition-colors"
+				class="p-1 text-gray-400 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-300 transition-colors"
 				on:click={() => onEdit(id)}
 				aria-label={$i18n.t('Edit')}
 			>
@@ -68,7 +68,7 @@
 		<Tooltip content={$i18n.t('Delete')}>
 			<button
 				type="button"
-				class="p-1 text-gray-500 hover:text-gray-300 transition-colors"
+				class="p-1 text-gray-400 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-300 transition-colors"
 				on:click={() => onDelete(id)}
 				aria-label={$i18n.t('Delete')}
 			>