diff --git a/komga-webui/src/components/readers/PagedReader.vue b/komga-webui/src/components/readers/PagedReader.vue
index c0ce4a67b..ca33adddf 100644
--- a/komga-webui/src/components/readers/PagedReader.vue
+++ b/komga-webui/src/components/readers/PagedReader.vue
@@ -201,6 +201,8 @@ export default Vue.extend({
       switch (this.scale) {
         case ScaleType.WIDTH:
           return double ? 'img-double-fit-width' : 'img-fit-width'
+        case ScaleType.WIDTH_SHRINK_ONLY:
+          return double ? 'img-double-fit-width-shrink-only' : 'img-fit-width-shrink-only'
         case ScaleType.HEIGHT:
           return 'img-fit-height'
         case ScaleType.SCREEN:
@@ -331,6 +333,16 @@ export default Vue.extend({
   align-self: flex-start;
 }
 
+.img-fit-width-shrink-only {
+  max-width: 100vw;
+  align-self: flex-start;
+}
+
+.img-double-fit-width-shrink-only {
+  max-width: 50vw;
+  align-self: flex-start;
+}
+
 .img-fit-original {
   width: auto;
   height: auto;
diff --git a/komga-webui/src/locales/en.json b/komga-webui/src/locales/en.json
index 827c50757..2db54f5d1 100644
--- a/komga-webui/src/locales/en.json
+++ b/komga-webui/src/locales/en.json
@@ -98,7 +98,8 @@
       "height": "Fit height",
       "original": "Original",
       "screen": "Screen",
-      "width": "Fit width"
+      "width": "Fit width",
+      "width_shrink_only": "Fit width (shrink only)"
     },
     "settings": {
       "always_fullscreen": "Always Full Screen",
diff --git a/komga-webui/src/types/enum-reader.ts b/komga-webui/src/types/enum-reader.ts
index 28bfb5efa..7cc073294 100644
--- a/komga-webui/src/types/enum-reader.ts
+++ b/komga-webui/src/types/enum-reader.ts
@@ -3,6 +3,7 @@
 export enum ScaleType {
   SCREEN = 'bookreader.scale_type.screen',
   WIDTH = 'bookreader.scale_type.width',
+  WIDTH_SHRINK_ONLY = 'bookreader.scale_type.width_shrink_only',
   HEIGHT = 'bookreader.scale_type.height',
   ORIGINAL = 'bookreader.scale_type.original'
 }