diff --git a/docs/index.html b/docs/index.html
index 198412105..fcde6c04c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -46,7 +46,12 @@
 			target="_blank" class="text-xl underline hover:text-purple-800 dark:hover:text-purple-400">matrix</a>]
 	</p>
 
-	<img src="screenshots/screenshots.png" alt="Mobile and desktop screenshots" class="max-w-xl mb-16 w-full px-8" />
+	<div class="flex flex-wrap justify-center mb-16 w-full px-8 gap-4">
+		<img src="screenshots/mobile.png" alt="Mobile screenshot"
+			class="h-96 w-auto object-contain rounded-xl border border-gray-300 shadow-xl" />
+		<img src="screenshots/desktop.png" alt="Desktop screenshot"
+			class="h-96 w-auto object-contain rounded-xl border border-gray-300 shadow-xl" />
+	</div>
 
 	<div class="max-w-lg mb-16 flex justify-center flex-wrap">
 		<a href="https://apps.apple.com/app/fluffychat/id1551469600"><img src="appstore-badge.png"
diff --git a/docs/screenshots/desktop.png b/docs/screenshots/desktop.png
index 528b9e28f..1ffcbad5e 100644
Binary files a/docs/screenshots/desktop.png and b/docs/screenshots/desktop.png differ