diff --git a/web/src/thumbnail.ts b/web/src/thumbnail.ts
index b5c30abce6..0b7029ea50 100644
--- a/web/src/thumbnail.ts
+++ b/web/src/thumbnail.ts
@@ -16,7 +16,7 @@ export function initialize(): void {
     const format_preferences = ["webp", "jpg", "gif"];
     const sorted_formats = realm.server_thumbnail_formats.sort((a, b) => {
         if (a.max_width !== b.max_width) {
-            return Math.abs(a.max_width - 300) < Math.abs(b.max_width - 300) ? -1 : 1;
+            return Math.abs(a.max_width - 840) < Math.abs(b.max_width - 840) ? -1 : 1;
         } else if (a.format !== b.format) {
             let a_index = format_preferences.indexOf(a.format);
             if (a_index === -1) {