diff --git a/inc/toolbar.php b/inc/toolbar.php
index 4eb603707eeb25af23ba5f8d1f577e56307eac1d..7f2fe468d3248126d5a279242ccc68410ce8c9cb 100644
--- a/inc/toolbar.php
+++ b/inc/toolbar.php
@@ -100,6 +100,7 @@ function toolbar_JSdefines($varname){
                 'type'   => 'picker',
                 'title'  => $lang['qb_hs'],
                 'icon'   => 'h.png',
+                'class'  => 'pk_hl',
                 'list'   => array(
                                array(
                                     'type'   => 'format',
diff --git a/lib/scripts/edit.js b/lib/scripts/edit.js
index 215e647b53d5870dca744442d389ee2d2ed31bdb..acf6122170a5fd3ed41e74fd5062f06e99de034a 100644
--- a/lib/scripts/edit.js
+++ b/lib/scripts/edit.js
@@ -61,7 +61,10 @@ function createPicker(id,props,edid){
 
     // create the wrapping div
     var picker            = document.createElement('div');
-    picker.className      = 'picker '+props['class'];
+    picker.className      = 'picker';
+    if(props['class']){
+        picker.className += ' '+props['class'];
+    }
     picker.id             = id;
     picker.style.position = 'absolute';
     picker.style.display  = 'none';
diff --git a/lib/tpl/default/design.css b/lib/tpl/default/design.css
index c3591fc6716800d851ac0efe0e3fe3cd646719ba..b7c18baf8dc0a19bc903adf6f67d2d09c01da9d1 100644
--- a/lib/tpl/default/design.css
+++ b/lib/tpl/default/design.css
@@ -797,6 +797,10 @@ div.picker {
   background-color: __background_alt__;
 }
 
+div.pk_hl {
+  width: 125px;
+}
+
 button.pickerbutton {
   padding: 0px;
   margin: 0 1px 1px 0;