diff --git a/public/javascripts/jstoolbar/jstoolbar.js b/public/javascripts/jstoolbar/jstoolbar.js
index 4f5ab7306..3b065e3ac 100644
--- a/public/javascripts/jstoolbar/jstoolbar.js
+++ b/public/javascripts/jstoolbar/jstoolbar.js
@@ -68,6 +68,21 @@ function jsToolBar(textarea) {
   tabs.appendChild(elementsTab);
   this.tabsBlock.appendChild(tabs);
 
+  var leftScrollButton = document.createElement('button');
+  leftScrollButton.classList = 'tab-left disabled';
+  leftScrollButton.setAttribute('type','button');
+  leftScrollButton.onclick = function() { moveTabLeft(this); };
+  var rightScrollButton = document.createElement('button');
+  rightScrollButton.classList = 'tab-right';
+  rightScrollButton.setAttribute('type','button');
+  rightScrollButton.onclick = function() { moveTabRight(this); };
+
+  var scrollButtons = document.createElement('div');
+  scrollButtons.classList = 'tabs-buttons';
+  scrollButtons.appendChild(leftScrollButton);
+  scrollButtons.appendChild(rightScrollButton);
+  this.tabsBlock.appendChild(scrollButtons);
+
   this.toolbar = document.createElement("div");
   this.toolbar.className = 'jstElements';
   elementsTab.appendChild(this.toolbar);
diff --git a/public/stylesheets/jstoolbar.css b/public/stylesheets/jstoolbar.css
index bd490b89f..0fcc27471 100644
--- a/public/stylesheets/jstoolbar.css
+++ b/public/stylesheets/jstoolbar.css
@@ -32,6 +32,12 @@
     line-height: 19px;
   border-bottom: 1px solid transparent;
 }
+#content .jstTabs.tabs div.tabs-buttons {
+    background-color: #f7f7f7;
+    height: 24px;
+    width: 50px;
+    border-bottom: 1px solid #ccc;
+}
 .jstElements {
     display: inline-block;
     vertical-align: bottom;