toolbar element not aligning to the right....

I am trying to right-align the searchbox below (ie. align=“right”) but it displays next to richselect.
What can I do?

		var toolbar = {
		  view:"toolbar",
		  elements:[
			{ 
				view:"richselect", width:170, labelWidth:90,
				label: 'View Pages', labelAlign:"left",
				value:1, options:[
					{ id:1, value:"10"   }, 
					{ id:2, value:"15"   }, 
					{ id:3, value:"20"   }, 
					{ id:4, value:"50" }
				]
			},
		    {view:"search", align:"right", placeholder:"Search by keyword", id:"searchfilter", width: 300}
		  ]
		}

You can

(a) add spacer
http://webix.com/snippet/9814f11e

(b) use align and inputWidth
http://webix.com/snippet/33598694