angular material elments don't align right

i am trying to align some elements together in the same line but with no success.

this is an example, as you can see :

• the functionality doesn't work in the example and only shows the UI
  1. Filter By drop down is not in the same row (he is aligned to the bottom)
  2. md-chips line aligned correctly but when i add chips to it the chips "balloons" appear at the top and not on aligned to the line itself.
  3. when i enter alot of chips into the md-chip the filter by , input textbox and buttons elments get break and drop a line

what i am trying to achieve is to enter as many md-chips as i want and that they will continue the line (there will be an horizontal flow).

Can anyone show me whats wrong?