diff --git a/apps/documenteditor/main/index.html b/apps/documenteditor/main/index.html
index 033f6c1e35..ba2521b40c 100644
--- a/apps/documenteditor/main/index.html
+++ b/apps/documenteditor/main/index.html
@@ -64,7 +64,7 @@
             background: #f1f1f1;
             border-bottom: 1px solid #cfcfcf;
             height: 46px;
-            padding: 10px 12px;
+            padding: 10px 6px;
             box-sizing: content-box;
         }
 
@@ -86,7 +86,7 @@
 
         .loadmask > .sktoolbar li.space {
             background: none;
-            width: 12px;
+            width: 0;
         }
 
         .loadmask > .sktoolbar li.fat {
@@ -94,7 +94,7 @@
             right: 0;
             top: 0;
             bottom: 0;
-            left: 612px;
+            left: 525px;
             width: inherit;
             height: 44px;
         }
@@ -215,10 +215,10 @@
 <body>
     <div id="loading-mask" class="loadmask">
         <div class="brendpanel">
-            <div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div>
+            <div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div>
         <div class="sktoolbar">
-            <ul><li></li><li class="space"></li><li style="width: 255px;"></li><li class="space"></li><li style="width: 180px;"></li><li class="space"></li><li style="width: 60px;"></li><li class="fat"></li></ul>
-            <ul><li></li><li class="space"></li><li style="width: 255px;"></li><li class="space"></li><li style="width: 180px;"></li><li class="space"></li><li style="width: 60px;"></li></ul>
+            <ul><li></li><li class="space"></li><li style="width: 209px;"></li><li class="space"></li><li style="width: 187px;"></li><li class="space"></li><li style="width: 60px;"></li><li class="fat"></li></ul>
+            <ul><li></li><li class="space"></li><li style="width: 209px;"></li><li class="space"></li><li style="width: 187px;"></li><li class="space"></li><li style="width: 60px;"></li></ul>
         </div>
         <div class="placeholder">
             <div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div>
diff --git a/apps/documenteditor/main/index.html.deploy b/apps/documenteditor/main/index.html.deploy
index f8a97819ba..d5ecefe479 100644
--- a/apps/documenteditor/main/index.html.deploy
+++ b/apps/documenteditor/main/index.html.deploy
@@ -65,7 +65,7 @@
             background: #f1f1f1;
             border-bottom: 1px solid #cfcfcf;
             height: 46px;
-            padding: 10px 12px;
+            padding: 10px 6px;
             box-sizing: content-box;
         }
 
@@ -87,7 +87,7 @@
 
         .loadmask > .sktoolbar li.space {
             background: none;
-            width: 12px;
+            width: 0;
         }
 
         .loadmask > .sktoolbar li.fat {
@@ -95,7 +95,7 @@
             right: 0;
             top: 0;
             bottom: 0;
-            left: 612px;
+            left: 525px;
             width: inherit;
             height: 44px;
         }
@@ -215,7 +215,7 @@
     <link rel="stylesheet" type="text/css" href="../../../apps/documenteditor/main/resources/css/app.css">
 </head>
 <body>
-    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../../apps/documenteditor/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div><div class="sktoolbar"><ul><li></li><li class="space"></li><li style="width: 255px;"></li><li class="space"></li><li style="width: 180px;"></li><li class="space"></li><li style="width: 60px;"></li><li class="fat"></li></ul><ul><li></li><li class="space"></li><li style="width: 255px;"></li><li class="space"></li><li style="width: 180px;"></li><li class="space"></li><li style="width: 60px;"></li></ul></div><div class="placeholder"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
+    <div id="loading-mask" class="loadmask"><div class="brendpanel"><div><div class="loading-logo"><img src="../../../apps/documenteditor/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div><div class="sktoolbar"><ul><li></li><li class="space"></li><li style="width: 209px;"></li><li class="space"></li><li style="width: 187px;"></li><li class="space"></li><li style="width: 60px;"></li><li class="fat"></li></ul><ul><li></li><li class="space"></li><li style="width: 209px;"></li><li class="space"></li><li style="width: 187px;"></li><li class="space"></li><li style="width: 60px;"></li></ul></div><div class="placeholder"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
     <div id="viewport"></div>
 
     <script>
diff --git a/apps/presentationeditor/main/index.html b/apps/presentationeditor/main/index.html
index b8d706261b..f6e18ef5d8 100644
--- a/apps/presentationeditor/main/index.html
+++ b/apps/presentationeditor/main/index.html
@@ -63,7 +63,7 @@
             background: #f1f1f1;
             border-bottom: 1px solid #cbcbcb;
             height: 46px;
-            padding: 10px 12px;
+            padding: 10px 6px;
             box-sizing: content-box;
         }
 
@@ -85,11 +85,15 @@
 
         .loadmask > .sktoolbar li.space {
             background: none;
-            width: 12px;
+            width: 0;
+        }
+
+        .loadmask > .sktoolbar li.split {
+            width: 32px;
         }
 
         .loadmask > .sktoolbar li.big {
-            width: 60px;
+            width: 55px;
             height: 46px;
             margin-top: -46px;
         }
@@ -99,7 +103,7 @@
             right: 0;
             top: 0;
             bottom: 0;
-            left: 855px;
+            left: 758px;
             width: inherit;
             height: 44px;
         }
@@ -243,11 +247,11 @@
 <body>
     <div id="loading-mask" class="loadmask">
         <div class="brendpanel">
-            <div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
+            <div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
         </div>
         <div class="sktoolbar">
-            <ul><li/><li class="space" style="width: 78px;"/><li/><li class="space"/><li style="width: 210px;"/><li class="space"/><li style="width: 120px;"/><li class="space" style="width: 210px;"/><li style="width: 100px;"/><li class="fat"/></ul>
-            <ul><li/><li class="space"/><li class="big"/><li/><li class="space"/><li style="width: 210px;"/><li class="space"/><li style="width: 120px;"/><li class="space"/><li class="big"/><li class="big"/><li class="big"/><li style="width: 100px;"/></ul>
+            <ul><li/><li class="space" style="width: 76px;"/><li class="split" /><li class="space"/><li style="width: 176px;"/><li class="space"/><li style="width: 115px;"/><li class="space" style="width: 183px;"/><li style="width: 95px;"/><li class="fat"/></ul>
+            <ul><li/><li class="space"/><li class="big" style="width: 70px;"/><li class="split" /><li class="space"/><li style="width: 176px;"/><li class="space"/><li style="width: 115px;"/><li class="space"/><li class="big"/><li class="big"/><li class="big"/><li style="width: 95px;"/></ul>
         </div>
         <div class="placeholder">
             <div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div>
diff --git a/apps/presentationeditor/main/index.html.deploy b/apps/presentationeditor/main/index.html.deploy
index 0c8eb334f0..1daea0d256 100644
--- a/apps/presentationeditor/main/index.html.deploy
+++ b/apps/presentationeditor/main/index.html.deploy
@@ -65,7 +65,7 @@
             background: #f1f1f1;
             border-bottom: 1px solid #cbcbcb;
             height: 46px;
-            padding: 10px 12px;
+            padding: 10px 6px;
             box-sizing: content-box;
         }
 
@@ -87,11 +87,15 @@
 
         .loadmask > .sktoolbar li.space {
             background: none;
-            width: 12px;
+            width: 0;
+        }
+
+        .loadmask > .sktoolbar li.split {
+            width: 32px;
         }
 
         .loadmask > .sktoolbar li.big {
-            width: 60px;
+            width: 55px;
             height: 46px;
             margin-top: -46px;
         }
@@ -101,7 +105,7 @@
             right: 0;
             top: 0;
             bottom: 0;
-            left: 855px;
+            left: 758px;
             width: inherit;
             height: 44px;
         }
@@ -254,11 +258,11 @@
 <body>
     <div id="loading-mask" class="loadmask">
         <div class="brendpanel">
-            <div><div class="loading-logo"><img src="../../../apps/presentationeditor/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
+            <div><div class="loading-logo"><img src="../../../apps/presentationeditor/main/resources/img/header/header-logo@2x.png"></div><div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
         </div>
         <div class="sktoolbar">
-            <ul><li/><li class="space" style="width: 78px;"/><li/><li class="space"/><li style="width: 210px;"/><li class="space"/><li style="width: 120px;"/><li class="space" style="width: 210px;"/><li style="width: 100px;"/><li class="fat"/></ul>
-            <ul><li/><li class="space"/><li class="big"/><li/><li class="space"/><li style="width: 210px;"/><li class="space"/><li style="width: 120px;"/><li class="space"/><li class="big"/><li class="big"/><li class="big"/><li style="width: 100px;"/></ul>
+            <ul><li/><li class="space" style="width: 76px;"/><li class="split" /><li class="space"/><li style="width: 176px;"/><li class="space"/><li style="width: 115px;"/><li class="space" style="width: 183px;"/><li style="width: 95px;"/><li class="fat"/></ul>
+            <ul><li/><li class="space"/><li class="big" style="width: 70px;"/><li class="split" /><li class="space"/><li style="width: 176px;"/><li class="space"/><li style="width: 115px;"/><li class="space"/><li class="big"/><li class="big"/><li class="big"/><li style="width: 95px;"/></ul>
         </div>
         <div class="placeholder">
             <div class="slide-h"><div class="slide-v"><div class="slide-container"><div class="line"></div><div class="line empty"></div><div class="line"></div></div></div></div>
diff --git a/apps/spreadsheeteditor/main/index.html b/apps/spreadsheeteditor/main/index.html
index 1f0df81add..2876ec54d3 100644
--- a/apps/spreadsheeteditor/main/index.html
+++ b/apps/spreadsheeteditor/main/index.html
@@ -61,7 +61,7 @@
         .loadmask > .sktoolbar {
             background: #f1f1f1;
             height: 46px;
-            padding: 10px 12px;
+            padding: 10px 6px;
             box-sizing: content-box;
         }
 
@@ -83,7 +83,7 @@
 
         .loadmask > .sktoolbar li.space {
             background: none;
-            width: 12px;
+            width: 0;
         }
 
         .loadmask > .sktoolbar li.fat {
@@ -91,7 +91,7 @@
             right: 0;
             top: 0;
             bottom: 0;
-            left: 905px;
+            left: 763px;
             width: inherit;
             height: 44px;
         }
@@ -247,11 +247,11 @@
     <div id="loading-mask" class="loadmask">
         <div class="brendpanel"><div>
             <div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo@2x.png"></div>
-            <div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
+            <div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
         </div>
         <div class="sktoolbar">
-            <ul><li/><li class="space"/><li style="width: 240px;"/><li class="space"/><li style="width: 160px;"/><li class="space"/><li style="width: 390px;"/><li class="fat"/></ul>
-            <ul><li/><li class="space"/><li style="width: 240px;"/><li class="space"/><li style="width: 160px;"/><li class="space"/><li style="width: 390px;"/></ul>
+            <ul><li/><li class="space"/><li style="width: 219px;"/><li class="space"/><li style="width: 136px;"/><li class="space"/><li style="width: 340px;"/><li class="fat"/></ul>
+            <ul><li/><li class="space"/><li style="width: 219px;"/><li class="space"/><li style="width: 136px;"/><li class="space"/><li style="width: 340px;"/></ul>
         </div>
         <div class="skformula">
             <ul><li/><li/></ul>
diff --git a/apps/spreadsheeteditor/main/index.html.deploy b/apps/spreadsheeteditor/main/index.html.deploy
index cafb71dd41..434ef97890 100644
--- a/apps/spreadsheeteditor/main/index.html.deploy
+++ b/apps/spreadsheeteditor/main/index.html.deploy
@@ -63,7 +63,7 @@
         .loadmask > .sktoolbar {
             background: #f1f1f1;
             height: 46px;
-            padding: 10px 12px;
+            padding: 10px 6px;
             box-sizing: content-box;
         }
 
@@ -85,7 +85,7 @@
 
         .loadmask > .sktoolbar li.space {
             background: none;
-            width: 12px;
+            width: 0;
         }
 
         .loadmask > .sktoolbar li.fat {
@@ -93,7 +93,7 @@
             right: 0;
             top: 0;
             bottom: 0;
-            left: 905px;
+            left: 763px;
             width: inherit;
             height: 44px;
         }
@@ -256,11 +256,11 @@
     <div id="loading-mask" class="loadmask">
         <div class="brendpanel"><div>
             <div class="loading-logo"><img src="../../../apps/spreadsheeteditor/main/resources/img/header/header-logo@2x.png"></div>
-            <div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
+            <div class="spacer"></div><div class="rect"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><div class="spacer"></div></div>
         </div>
         <div class="sktoolbar">
-            <ul><li/><li class="space"/><li style="width: 240px;"/><li class="space"/><li style="width: 160px;"/><li class="space"/><li style="width: 390px;"/><li class="fat"/></ul>
-            <ul><li/><li class="space"/><li style="width: 240px;"/><li class="space"/><li style="width: 160px;"/><li class="space"/><li style="width: 390px;"/></ul>
+            <ul><li/><li class="space"/><li style="width: 219px;"/><li class="space"/><li style="width: 136px;"/><li class="space"/><li style="width: 340px;"/><li class="fat"/></ul>
+            <ul><li/><li class="space"/><li style="width: 219px;"/><li class="space"/><li style="width: 136px;"/><li class="space"/><li style="width: 340px;"/></ul>
         </div>
         <div class="skformula">
             <ul><li/><li/></ul>
