Dhtmlxcombo in toolbar, center and adjust height

I read this post viewtopic.php?f=4&t=27654&p=87479&hilit=combo+in+toolbar#p87479 on how to add a dhtmlxcombo to a toolbar and adjust the margins so it is centered. It didn’t work for me. I had to change the margin-top to 0px; Maybe that post is old and needs updating. Anyways, it is now centered vertically in the toolbar for me but now I would like to adjust the height. I would love for the combo to be the same height as the inputs next to it and the font to be the same as well. Is this possible?

See image. I also attached a compete demo.

I also need some default text in the combo, it needs to say “Menu Filter” (this combo will be replacing the “Menu Filter” input next to it. When the user places their cursor in the combo the default “Menu Filter” text needs to disappear.

About sizes - try the next style:
.dhx_combo_box {
height: 17px !important;
margin-top: 5px;
.dhx_combo_img {
height: 16px;
width: 16px;
} //you need to resize combo arrow image in any graphic designer
About focus:
dhxCombo.DOMelem_input.onfocus = function(){dhxCombo.DOMelem_input.value = “”}

Oh, i forgot: please, don’t attach PRO files on forum. If you want to provide completed demo - you can send it on support@dhtmlx.com or if you need just to show the code - you can attach here your zipped html file.