diff --git a/static/css/iframe.css b/static/css/iframe.css
index 433d0ab..30a1fc2 100644
--- a/static/css/iframe.css
+++ b/static/css/iframe.css
@@ -4,12 +4,17 @@
   border-bottom: 1px dotted #AAA;
   width:100%;
   height:1px;
+  margin-left:-50px;
 }
 
 .pageBreakComputed{
   page-break-after: always;
   -webkit-region-break-inside: avoid;
   border-bottom: 1px dotted #AAA;
+  margin:0px !important;
+  height:50px;
+  border-top:1px dotted #aaa;
+  background-color:#f7f7f7;
 }
 
 .outerPV{
@@ -30,6 +35,7 @@
   border-width: 1px 1px 0 1px;
   position: relative;
   box-shadow: 10px 20px 40px 20px #ddd;
+  padding-right:0px !important;
 }
 
 .innerPVDiv{
diff --git a/static/js/page_view.js b/static/js/page_view.js
index 3ebbd00..47ad4c1 100644
--- a/static/js/page_view.js
+++ b/static/js/page_view.js
@@ -9,9 +9,18 @@ if (!isMobile) {
     var pv = {
       enable: function() {
         $('#editorcontainer, iframe').addClass('page_view');
+        $('iframe[name="ace_outer"]').contents().find('iframe').contents().find("#innerdocbody").addClass('innerPV');
+        $('iframe[name="ace_outer"]').contents().find("iframe").addClass('outerPV');
+        $('iframe[name="ace_outer"]').contents().find('#outerdocbody').addClass("outerBackground");
+        $('#ep_page_ruler').show();
       },
       disable: function() {
         $('#editorcontainer, iframe').removeClass('page_view');
+        $('iframe[name="ace_outer"]').contents().find('iframe').contents().find("#innerdocbody").removeClass('innerPV');
+        $('iframe[name="ace_outer"]').contents().find("iframe").removeClass('outerPV');
+//        $('iframe[name="ace_outer"]').contents().find('iframe').contents().find("#innerdocbody").contents().find("div").css("margin-left","40px");
+        $('iframe[name="ace_outer"]').contents().find('#outerdocbody').removeClass("outerBackground");
+        $('#ep_page_ruler').hide();
       }
     }
     /* init */