diff --git a/ui/viewers/nuxeo-image-viewer.js b/ui/viewers/nuxeo-image-viewer.js
index 4f1245790..09d4b080f 100644
--- a/ui/viewers/nuxeo-image-viewer.js
+++ b/ui/viewers/nuxeo-image-viewer.js
@@ -148,6 +148,15 @@ import '../nuxeo-icons.js';
             max-width: 100%;
             max-height: 100%;
           }
+
+          .cropper-container {
+            width: 100% !important;
+          }
+
+          .cropper-canvas,
+          .cropper-canvas > img {
+            width: 100% !important;
+          }
         </style>
 
         <div id="canvas">
@@ -212,7 +221,7 @@ import '../nuxeo-icons.js';
           checkCrossOrigin: false,
           checkOrientation: false,
           dragMode: 'move',
-          responsive: false,
+          responsive: true,
           restore: false,
           toggleDragModeOnDblclick: false,
           viewMode: 1,