w

common/static/css/tinymce-studio-content.css

 /* NOTE: This file, which customizes mid-editing styling to match xmodule preview rendering, is 3 of 3 CSS files compiled in our production pipeline  */
+html{
+    box-sizing: border-box;
+    height: 100%;
+}
 .mce-content-body {
     padding: 10px;
     background-color: #fff;
@@ -6,14 +10,17 @@
      * (edx-platform/common/lib/xmodule/xmodule/js/src/html/edit.coffee)
      * and with acceptance tests in cms/djangoapps/contentstore/features/html-editor.feature
      */
-    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
-    font-size: 16px;
+     font-family: "OrhonChaganTig","Open Sans",Arial,Helvetica,sans-serif;
+    font-size: 22px;
     line-height: 1.6;
     width: 100%;
     height: 100%;
-    overflow: auto;
+    overflow-x: auto;
+    overflow-y: hidden;
     writing-mode: vertical-lr;
     color: #3c3c3c;
+    box-sizing: border-box;
+    margin: 0;
     scrollbar-3dlight-color: #F0F0EE;
     scrollbar-arrow-color: #676662;
     scrollbar-base-color: #F0F0EE;
@@ -71,11 +78,12 @@
 }
 
 .mce-content-body p {
-    margin-bottom: 1.416em;
-    font-size: 1em;
+    margin-right: 1.416em;
+    font-size: 22px;
     line-height: 1.6em !important;
     color: #3c3c3c;
     text-indent: 22px;
+    padding: 10px 5px;
 }
 
 .mce-content-body em, .mce-content-body i {
@@ -87,8 +95,9 @@
 }
 
 .mce-content-body p + p, .mce-content-body ul + p, .mce-content-body ol + p {
-    margin-top: 20px;
+    margin-left: 10px;
     text-indent: 22px;
+    box-sizing: border-box;
 }
 
 .mce-content-body ol, .mce-content-body ul {
@@ -99,7 +108,7 @@
 }
 
 .mce-content-body ol li, .mce-content-body ul li {
-    margin-bottom: 0.708em;
+    margin-right: 0.708em;
 }
 
 .mce-content-body ol {