diff --git a/IPython/html/static/notebook/js/maintoolbar.js b/IPython/html/static/notebook/js/maintoolbar.js
index b301f6d..01af262 100644
--- a/IPython/html/static/notebook/js/maintoolbar.js
+++ b/IPython/html/static/notebook/js/maintoolbar.js
@@ -127,6 +127,7 @@ var IPython = (function (IPython) {
this.element
.append($('')
.attr('id','cell_type')
+ .addClass('form-control select-xs')
// .addClass('ui-widget-content')
.append($('').attr('value','code').text('Code'))
.append($('').attr('value','markdown').text('Markdown'))
@@ -146,6 +147,7 @@ var IPython = (function (IPython) {
var select = $('')
// .addClass('ui-widget-content')
.attr('id', 'ctb_select')
+ .addClass('form-control select-xs')
.append($('').attr('value', '').text('None'));
this.element.append(label).append(select);
select.change(function() {
diff --git a/IPython/html/static/notebook/less/toolbar.less b/IPython/html/static/notebook/less/toolbar.less
index e949efb..100e3ff 100644
--- a/IPython/html/static/notebook/less/toolbar.less
+++ b/IPython/html/static/notebook/less/toolbar.less
@@ -39,4 +39,13 @@
#maintoolbar .navbar-text {
float: none;
+ vertical-align: middle;
+ text-align: right;
+ margin-left: 5px;
+ margin-right: 0px;
+ margin-top: 0px
+}
+
+.select-xs {
+ height: @btn_small_height;
}
diff --git a/IPython/html/static/tree/less/tree.less b/IPython/html/static/tree/less/tree.less
index 621fc66..13510e6 100644
--- a/IPython/html/static/tree/less/tree.less
+++ b/IPython/html/static/tree/less/tree.less
@@ -9,7 +9,7 @@
@dashboard_lr_pad: 7px;
// These are the total heights of the Bootstrap small and mini buttons. These values
// are not less variables so we have to track them statically.
-@btn_small_height: 26px;
+@btn_small_height: 24px;
@btn_mini_height: 22px;
@dark_dashboard_color: darken(@border_color, 30%);