From 0d5e6146f2dcc99d0879d59dc81aa7e39558fdea Mon Sep 17 00:00:00 2001
From: John Costa <johncosta027@gmail.com>
Date: Fri, 18 Jul 2025 15:54:46 +0100
Subject: [PATCH] fix: styling of processing images

---
 frontend/src/components/notifications/ProcessingImage.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/notifications/ProcessingImage.tsx b/frontend/src/components/notifications/ProcessingImage.tsx
index 6e28daa..2249f76 100644
--- a/frontend/src/components/notifications/ProcessingImage.tsx
+++ b/frontend/src/components/notifications/ProcessingImage.tsx
@@ -12,11 +12,12 @@ export const ProcessingImages: Component = () => {
 
 	return (
 		<Popover sameWidth gutter={4}>
-			<Popover.Trigger class="w-full flex justify-between rounded-xl px-4 py-2">
+			<Popover.Trigger class="w-full flex justify-between gap-4 rounded-xl px-4 py-2">
 				<Show when={processingNumber() > 0}>
 					<p class="text-md">
 						Processing {processingNumber()}{" "}
 						{processingNumber() === 1 ? "image" : "images"}
+						...
 					</p>
 				</Show>
 				<Show