diff --git a/cms/static/sass/course-unit-mfe-iframe-bundle.scss b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
index a49738621cf..9aafcfa1477 100644
--- a/cms/static/sass/course-unit-mfe-iframe-bundle.scss
+++ b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
@@ -5,6 +5,49 @@ html body {
background: transparent;
}
+[class*="view-"] .modal-lg {
+ max-width: 1200px;
+}
+
+.xblock-studio_view-drag-and-drop-v2 .xblock--drag-and-drop--editor {
+ .zone-align-select,
+ .item-styles-form input,
+ .drag-builder textarea,
+ .drag-builder textarea,
+ .drag-builder textarea,
+ .drag-builder textarea,
+ .target-image-form textarea {
+ width: 100%;
+ }
+
+ .target-image-form input[type="text"] {
+ width: 100%;
+
+ &.background-url {
+ margin-bottom: 10px;
+ }
+
+ &.autozone-layout {
+ &.autozone-layout-cols,
+ &.autozone-layout-rows {
+ width: auto;
+ }
+ }
+
+ &.autozone-size {
+ &.autozone-size-width,
+ &.autozone-size-height {
+ width: auto;
+ }
+ }
+ }
+
+ .feedback-tab input:not([type=checkbox]),
+ .xblock--drag-and-drop--editor .feedback-tab select {
+ width: 100%;
+ }
+}
+
[class*="view-"] .wrapper {
.wrapper-xblock {
background-color: $transparent;
@@ -114,6 +157,7 @@ html body {
.edit-xblock-modal select {
background-color: $white;
+ width: 100%;
}
&.wrapper-modal-window .modal-window .modal-actions a {
diff --git a/cms/templates/container_editor.html b/cms/templates/container_editor.html
index 8c1c6ebf94c..3917b04d37e 100644
--- a/cms/templates/container_editor.html
+++ b/cms/templates/container_editor.html
@@ -82,8 +82,9 @@
% endif
-
- %block>
+ {% comment %} TODO: Confirm if we can retrieve static files from the backend {% endcomment %}
+
+ %block>