css - Bad vertical allignment with fontawesome -

i rendering following component:

<a id="ember527" class="ember-view" href="#/billing"><i class="icon-euro icon-2x"></i>&nbsp;&nbsp;billing</a> 

an shows this:

the icon alligned text, centered vertically. possible?

edit: take @ jsfiddle

just add css file :

.icon-euro {     vertical-align:middle; }