diff --git a/src/lib/components/chat/FileNav/FilePreview.svelte b/src/lib/components/chat/FileNav/FilePreview.svelte
index 6d534e834e..f9c681daf0 100644
--- a/src/lib/components/chat/FileNav/FilePreview.svelte
+++ b/src/lib/components/chat/FileNav/FilePreview.svelte
@@ -294,7 +294,9 @@
 >
 	<!-- File preview -->
 	{#if fileLoading}
-		<div class="flex items-center justify-center h-full"><Spinner className="size-4" /></div>
+		<div class="flex items-center justify-center h-full">
+			<Spinner className="size-3.5 text-gray-400 dark:text-gray-500" />
+		</div>
 	{:else if fileImageUrl !== null}
 		<PanzoomContainer
 			bind:this={panzoomRef}
@@ -336,7 +338,9 @@
 	{:else if fileModelData !== null}
 		{#key fileModelData}
 			{#await import('../../common/ModelPreview.svelte')}
-				<div class="flex h-full items-center justify-center"><Spinner className="size-4" /></div>
+				<div class="flex h-full items-center justify-center">
+					<Spinner className="size-3.5 text-gray-400 dark:text-gray-500" />
+				</div>
 			{:then { default: ModelPreview }}
 				<ModelPreview
 					data={fileModelData}