diff --git a/src/lib/components/functional/ConversionPanel.svelte b/src/lib/components/functional/ConversionPanel.svelte
index 7cbce3b..a97c741 100644
--- a/src/lib/components/functional/ConversionPanel.svelte
+++ b/src/lib/components/functional/ConversionPanel.svelte
@@ -11,6 +11,8 @@
 
 	const length = $derived(files.files.length);
 	const progress = $derived(files.files.filter((f) => f.result).length);
+	const manyFiles = $derived(files.files.length > 50);
+	const compactActions = $derived(manyFiles && !$isMobile);
 </script>
 
 <Panel class="flex flex-col gap-4">
@@ -24,21 +26,29 @@
 				onclick={() => files.convertAll()}
 				class="btn {$effects
 					? ''
-					: '!scale-100'} highlight flex gap-3 max-md:w-full md:max-w-[15.5rem]"
+					: '!scale-100'} highlight flex gap-3 max-md:w-full {compactActions
+					? 'p-4'
+					: 'md:max-w-[15.5rem]'}"
 				disabled={!files.allReady}
 			>
 				<RefreshCw size="24" />
-				<p>{m["convert.panel.convert_all"]()}</p>
+				{#if !compactActions}
+					<p>{m["convert.panel.convert_all"]()}</p>
+				{/if}
 			</button>
 			<button
 				class="btn {$effects
 					? ''
-					: '!scale-100'} flex gap-3 max-md:w-full md:max-w-[15.5rem]"
+					: '!scale-100'} flex gap-3 max-md:w-full {compactActions
+					? 'p-4'
+					: 'md:max-w-[15.5rem]'}"
 				disabled={!files.allReady || !files.results}
 				onclick={() => files.downloadAll()}
 			>
 				<FolderArchiveIcon size="24" />
-				<p>{m["convert.panel.download_all"]()}</p>
+				{#if !compactActions}
+					<p>{m["convert.panel.download_all"]()}</p>
+				{/if}
 			</button>
 			{#if $isMobile}
 				<button
@@ -69,11 +79,26 @@
 			{/if}
 		</div>
 		<div class="w-full bg-separator h-0.5 flex md:hidden"></div>
-		<div class="flex items-center gap-2">
-			<p class="whitespace-normal text-xl text-right w-full">
+		{#if manyFiles}
+			<div class="w-full max-w-64 p-2 flex gap-4 items-center">
+				<div
+					class="flex-shrink-0 -mt-0.5 font-normal text-sm text-muted"
+				>
+					{progress}/{length}
+				</div>
+				<div class="flex-grow">
+					<ProgressBar min={0} max={length} {progress} />
+				</div>
+			</div>
+			<div class="w-full bg-separator h-0.5 flex md:hidden"></div>
+		{/if}
+		<div class="flex items-center gap-2 w-fit">
+			<p
+				class="whitespace-normal text-xl text-center w-fit px-2 md:px-0 md:text-right"
+			>
 				{m["convert.panel.set_all_to"]()}
 			</p>
-			<div class="w-48 md:max-w-[6.5rem]">
+			<div class="w-[122px]">
 				<!-- check if all files have the same converters -->
 				<!-- video and audio together still have this dropdown disabled because audio has just ffmpeg (video has vertd & ffmpeg), even tho it can convert between video and audio  -->
 				{#if files.files.length > 0 && files.files.every((f) => f.converters.length) && files.files.every((f) => JSON.stringify(f.converters) === JSON.stringify(files.files[0].converters))}
@@ -91,17 +116,5 @@
 				{/if}
 			</div>
 		</div>
-		{#if files.files.length > 50}
-			<div class="w-full px-2 flex gap-4 items-center">
-				<div
-					class="flex-shrink-0 -mt-0.5 font-normal text-sm text-muted"
-				>
-					{progress}/{length}
-				</div>
-				<div class="flex-grow">
-					<ProgressBar min={0} max={length} {progress} />
-				</div>
-			</div>
-		{/if}
 	</div></Panel
 >