diff --git a/src/editors/EditorContainer.scss b/src/editors/EditorContainer.scss
new file mode 100644
index 000000000..40c69bd50
--- /dev/null
+++ b/src/editors/EditorContainer.scss
@@ -0,0 +1,29 @@
+.editor-page {
+  .pgn__modal-body {
+    @include media-breakpoint-down(xs) {
+      padding-left: 10px;
+      padding-right: 10px;
+    }
+  }
+
+  .pgn-transition-replace-group .bg-light-300 {
+    @include media-breakpoint-down(xs) {
+      padding: 5px !important;
+    }
+  }
+
+  .pgn__form-control-set .pgn__action-row {
+    @include media-breakpoint-down(xs) {
+      flex-flow: column wrap;
+      align-items: flex-start;
+      justify-content: flex-start;
+      gap: 8px;
+    }
+  }
+}
+
+.pgn__modal.pgn__modal-scroll-fullscreen {
+  @include media-breakpoint-down(xs) {
+    margin: 0;
+  }
+}
diff --git a/src/index.scss b/src/index.scss
index 5409c7085..26371f4d6 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -17,6 +17,7 @@
 @import "course-updates/CourseUpdates";
 @import "export-page/CourseExportPage";
 @import "import-page/CourseImportPage";
+@import "editors/EditorContainer";
 @import "taxonomy";
 @import "files-and-videos";
 @import "content-tags-drawer";