diff --git a/loleaflet/Makefile.am b/loleaflet/Makefile.am
index 84dbb54b1..94caedb92 100644
--- a/loleaflet/Makefile.am
+++ b/loleaflet/Makefile.am
@@ -123,6 +123,7 @@ LOLEAFLET_CSS =\
 	$(builddir)/node_modules/smartmenus/dist/css/sm-simple/sm-simple.css \
 	$(srcdir)/css/menubar.css \
 	$(srcdir)/css/mobilewizard.css \
+	$(srcdir)/css/notebookbar.css \
 	$(srcdir)/css/vex.css \
 	$(builddir)/node_modules/jquery-ui/themes/ui-lightness/jquery-ui.css
 
diff --git a/loleaflet/css/notebookbar.css b/loleaflet/css/notebookbar.css
new file mode 100644
index 000000000..4ef10b1b6
--- /dev/null
+++ b/loleaflet/css/notebookbar.css
@@ -0,0 +1,6 @@
+
+.ui-tab.notebookbar {
+	float: left;
+	margin-right: 10px;
+	font-size: 12pt;
+}
\ No newline at end of file
diff --git a/loleaflet/src/control/Control.Notebookbar.js b/loleaflet/src/control/Control.Notebookbar.js
index 843439c82..ea04ff973 100644
--- a/loleaflet/src/control/Control.Notebookbar.js
+++ b/loleaflet/src/control/Control.Notebookbar.js
@@ -13,7 +13,7 @@ L.Control.Notebookbar = L.Control.extend({
 		this.map = map;
 
 		var homeTab = JSON.parse(this.getHomeTab());
-		var builder = new L.control.notebookbarBuilder({mobileWizard: this, map: this.map});
+		var builder = new L.control.notebookbarBuilder({mobileWizard: this, map: this.map, cssClass: 'notebookbar'});
 		builder.build($('#toolbar-wrapper').get(0), [homeTab]);
 	},