diff --git a/frontend/src/notifications/ProcessingImages.tsx b/frontend/src/notifications/ProcessingImages.tsx
index 8bf5cbf..b7400c8 100644
--- a/frontend/src/notifications/ProcessingImages.tsx
+++ b/frontend/src/notifications/ProcessingImages.tsx
@@ -56,50 +56,52 @@ export const ProcessingImages: Component = () => {
 		Object.keys(notifications.state.ProcessingImages).length;
 
 	return (
-		<Popover sameWidth gutter={4}>
-			<Popover.Trigger class="w-full flex justify-between rounded-xl bg-slate-800 text-gray-100 px-4 py-2">
-				<Show
-					when={processingNumber() > 0}
-					fallback={<p class="text-md">No images to process</p>}
-				>
-					<p class="text-md">
-						Processing {processingNumber()}{" "}
-						{processingNumber() === 1 ? "image" : "images"}
-					</p>
-				</Show>
-				<Show
-					when={processingNumber() === 0}
-					fallback={<LoadingCircle status="loading" />}
-				>
-					<LoadingCircle status="complete" />
-				</Show>
-			</Popover.Trigger>
-			<Popover.Portal>
-				<Popover.Content class="shadow-2xl flex flex-col gap-2 bg-slate-800 rounded-xl p-2">
-					<For each={Object.entries(notifications.state.ProcessingImages)}>
-						{([id, _image]) => (
-							<Show when={_image}>
-								{(image) => (
-									<div class="flex gap-2 w-full justify-center">
-										<img
-											class="w-16 h-16 aspect-square rounded"
-											alt="processing"
-											src={`${base}/image/${id}`}
-										/>
-										<div class="flex flex-col gap-1">
-											<p class="text-slate-100">{image().ImageName}</p>
+		<Show when={processingNumber() > 0}>
+			<Popover sameWidth gutter={4}>
+				<Popover.Trigger class="w-full flex justify-between rounded-xl bg-slate-800 text-gray-100 px-4 py-2">
+					<Show
+						when={processingNumber() > 0}
+						fallback={<p class="text-md">No images to process</p>}
+					>
+						<p class="text-md">
+							Processing {processingNumber()}{" "}
+							{processingNumber() === 1 ? "image" : "images"}
+						</p>
+					</Show>
+					<Show
+						when={processingNumber() === 0}
+						fallback={<LoadingCircle status="loading" />}
+					>
+						<LoadingCircle status="complete" />
+					</Show>
+				</Popover.Trigger>
+				<Popover.Portal>
+					<Popover.Content class="shadow-2xl flex flex-col gap-2 bg-slate-800 rounded-xl p-2">
+						<For each={Object.entries(notifications.state.ProcessingImages)}>
+							{([id, _image]) => (
+								<Show when={_image}>
+									{(image) => (
+										<div class="flex gap-2 w-full justify-center">
+											<img
+												class="w-16 h-16 aspect-square rounded"
+												alt="processing"
+												src={`${base}/image/${id}`}
+											/>
+											<div class="flex flex-col gap-1">
+												<p class="text-slate-100">{image().ImageName}</p>
+											</div>
+											<LoadingCircle
+												status="loading"
+												class="ml-auto self-center"
+											/>
 										</div>
-										<LoadingCircle
-											status="loading"
-											class="ml-auto self-center"
-										/>
-									</div>
-								)}
-							</Show>
-						)}
-					</For>
-				</Popover.Content>
-			</Popover.Portal>
-		</Popover>
+									)}
+								</Show>
+							)}
+						</For>
+					</Popover.Content>
+				</Popover.Portal>
+			</Popover>
+		</Show>
 	);
 };