diff --git a/web_form_view_resizable/static/src/js/form_view_resizable.esm.js b/web_form_view_resizable/static/src/js/form_view_resizable.esm.js
index fd1f79500db1..2895284d579c 100644
--- a/web_form_view_resizable/static/src/js/form_view_resizable.esm.js
+++ b/web_form_view_resizable/static/src/js/form_view_resizable.esm.js
@@ -12,12 +12,12 @@ patch(FormRenderer.prototype, "web_form_view_resizable", {
             handles: "e",
             minWidth: window.innerWidth * 0.1,
             maxWidth: window.innerWidth * 0.9,
-            classes: {
-                "ui-resizable": "remove_flex",
-            },
-            // Allow user to drag over the preview of a pdf
             start: function () {
+                // Allow user to drag over the preview of a pdf
                 $("div.o_attachment_preview").addClass("remove_hover_effect");
+                // Unset flex-grow once starting to modify the width of div
+                // but do not remove the class to keep the width modified
+                $("div.o_form_view_container").addClass("remove_flex");
             },
             stop: function () {
                 $("div.o_attachment_preview").removeClass("remove_hover_effect");
diff --git a/web_form_view_resizable/static/src/scss/form_view_resizable.scss b/web_form_view_resizable/static/src/scss/form_view_resizable.scss
index 6b68135ea3b9..d8b420d8b9a9 100644
--- a/web_form_view_resizable/static/src/scss/form_view_resizable.scss
+++ b/web_form_view_resizable/static/src/scss/form_view_resizable.scss
@@ -1,7 +1,7 @@
 // Unset flex property otherwise, when clicking on handler,
 // the div tries to grow before actually dragging the div
 .remove_flex {
-    flex: unset !important;
+    flex-grow: unset !important;
 }
 
 // Unset pointer-event while dragging otherwise,