diff --git a/loleaflet/js/toolbar.js b/loleaflet/js/toolbar.js
index 18fe88e36..02e7e204a 100644
--- a/loleaflet/js/toolbar.js
+++ b/loleaflet/js/toolbar.js
@@ -581,6 +581,7 @@ function createToolbar() {
 	var toolbar = $('#toolbar-up');
 	toolbar.w2toolbar({
 		name: 'toolbar-up',
+		tooltip: 'bottom',
 		items: [
 			{type: 'menu', id: 'menu-wrap', caption: _('Textwrap'), items: [
 				{ text: _('No wrap'), id: 'wrap-WrapOff' },
@@ -689,6 +690,7 @@ function createToolbar() {
 	toolbar = $('#formulabar');
 	toolbar.w2toolbar({
 		name: 'formulabar',
+		tooltip: 'bottom',
 		items: [
 			{type: 'html',  id: 'left'},
 			{type: 'html', id: 'address', html: '<input id="addressInput" type="text">'},
@@ -718,6 +720,7 @@ function createToolbar() {
 	toolbar = $('#spreadsheet-toolbar')
 	toolbar.w2toolbar({
 		name: 'spreadsheet-toolbar',
+		tooltip: 'bottom',
 		items: [
 			{type: 'button',  id: 'firstrecord',  img: 'firstrecord', hidden: true, hint: _('First sheet')},
 			{type: 'button',  id: 'prevrecord',  img: 'prevrecord', hidden: true, hint: _('Previous sheet')},
@@ -734,6 +737,7 @@ function createToolbar() {
 	toolbar = $('#presentation-toolbar');
 	toolbar.w2toolbar({
 		name: 'presentation-toolbar',
+		tooltip: 'bottom',
 		items: [
 			{type: 'html',  id: 'left'},
 			{type: 'button',  id: 'presentation', img: 'presentation', hidden:true, hint: _('Fullscreen presentation')},
@@ -752,6 +756,7 @@ function createToolbar() {
 	toolbar = $('#toolbar-down');
 	toolbar.w2toolbar({
 		name: 'toolbar-down',
+		tooltip: 'top',
 		items: [
 			{type: 'html',  id: 'search',
 			 html: '<div style="padding: 3px 10px;" class="loleaflet-font">' +