diff --git a/src/lib/components/search/result/ResultImagePreview.svelte b/src/lib/components/search/result/ResultImagePreview.svelte
index 8b064124..181bad69 100644
--- a/src/lib/components/search/result/ResultImagePreview.svelte
+++ b/src/lib/components/search/result/ResultImagePreview.svelte
@@ -12,7 +12,7 @@
 			id="link-{result.Rank}"
 			src={result.ImageResult.ThumbnailURL}
 			alt={result.Title}
-			class="w-full h-auto hover:ring-2 hover:ring-hearchco-primary object-cover transform transition duration-200 ease-in-out"
+			class="mx-auto h-[50vh] w-auto hover:ring-2 hover:ring-hearchco-primary object-cover transform transition duration-200 ease-in-out"
 		/>
 	</a>
 	<a href={result.ImageResult.SourceURL}>
diff --git a/src/lib/components/search/result/Results.svelte b/src/lib/components/search/result/Results.svelte
index 5ef5bd62..52d22833 100644
--- a/src/lib/components/search/result/Results.svelte
+++ b/src/lib/components/search/result/Results.svelte
@@ -16,7 +16,7 @@
 	export let query;
 	export let results: ResultType[];
 
-	let imgResultPreview: ResultType | undefined = results[0];
+	let imgResultPreview: ResultType | undefined;
 
 	// variables
 	const category = categoryFrom(query);
@@ -63,6 +63,8 @@
 {/if}
 
 <style>
+	/* equivalent to tailwindcss lg:w-2/3 */
+	/* needed for class:<class>=<boolean> */
 	@media (min-width: 1024px) {
 		.tw-w-2-3 {
 			@apply w-2/3;