diff --git a/module/doc/css/view.css b/module/doc/css/view.css
index 3f22bb7372..7cb483ad2d 100644
--- a/module/doc/css/view.css
+++ b/module/doc/css/view.css
@@ -5,11 +5,12 @@
 /* css for page-title .*/
 .main-col .doc-title {display: flex; font-size: 16px; margin-bottom: 10px; justify-content: space-between; width: 100%;}
 .main-col .doc-title .info {flex: 0 0 60px;}
+.main-col .doc-title #editorBox {flex: 0 0 190px;}
 .main-col .doc-title .title {margin-right: 10px; line-height: 32px; font-size: 20px;}
 .main-col .doc-title .version a {font-size: 13px; color: #8c8c8c;}
 .main-col .doc-title .version .dropdown-menu a:hover {color: #ffffff;}
-.main-col .doc-title .actions {flex: 0 0 165px;}
-.main-col .doc-title .actions a + a {margin-left: 0px;}
+.main-col .doc-title .actions {flex: 0 0 180px; display: flex;}
+.main-col .doc-title .actions a + a {margin-left: 0px; flex: 0 0 32px;}
 .main-col .doc-title .actions i {font-size: 15px; color: #8c8c8c;}
 .main-col .doc-title .actions a > span {color: #9EA3B0;}
 
diff --git a/module/doc/js/view.js b/module/doc/js/view.js
index c5c18d1dda..f3d8fdab02 100644
--- a/module/doc/js/view.js
+++ b/module/doc/js/view.js
@@ -126,7 +126,7 @@ function adjustPageTitleWidth()
 {
     var $titleContent = $('.detail-title.doc-title');
     var titleWidth    = $titleContent.width() - $titleContent.find('.info').width() - $titleContent.find('.actions').width() - $titleContent.find('#editorBox').width();
-    $titleContent.find('.flex-left > .title').css('max-width', '0 0' + titleWidth + 'px');
+    $titleContent.find('.flex-left > .title').css('max-width', titleWidth + 'px');
 }
 
 document.addEventListener('fullscreenchange', function (e)