diff --git a/frontend/src/lib/components/apps/editor/AppPreview.svelte b/frontend/src/lib/components/apps/editor/AppPreview.svelte
index 439eefea11..67d2a91ea4 100644
--- a/frontend/src/lib/components/apps/editor/AppPreview.svelte
+++ b/frontend/src/lib/components/apps/editor/AppPreview.svelte
@@ -89,7 +89,7 @@
 			.filter((x) => x != undefined) as string[]
 	}
 
-	$: width = $breakpoint === 'sm' ? 'max-w-[640px]' : 'w-full '
+	$: width = $breakpoint === 'sm' ? 'max-w-[640px]' : 'w-full min-w-[710px]'
 	$: lockedClasses = isLocked ? '!max-h-[400px] overflow-hidden pointer-events-none' : ''
 </script>
 
@@ -99,14 +99,14 @@
 
 <div class="relative">
 	<div
-		class="{$$props.class} {lockedClasses} h-full
-	w-full {app.fullscreen ? '' : 'max-w-6xl'} mx-auto"
+		class="{$$props.class} {lockedClasses} {width} h-full {app.fullscreen
+			? ''
+			: 'max-w-6xl'} mx-auto"
 	>
 		{#if $appStore.grid}
 			<div
 				class={classNames(
 					'mx-auto',
-					width,
 					$appStore?.norefreshbar ? 'invisible h-0 overflow-hidden' : ''
 				)}
 			>