Button icon background rotates with loading icon

[vinz243]

Hi,
My code:

<div class="ui labeled icon basic small button">
    <i class="loading icon"></i> Please wait...
</div>

Result:

How to solve that?

[jlukic]

http://jsfiddle.net/4ARMH/

You can nest icons inside of ui labeled icon, this will prevent the padded one from spinning. A little css will reduce the implicit margin on the right side of the icon.

.labeled.button .loading.icon {
    margin: 0em;
}

[vinz243]

OK, thank you!

[domialex]

This solution doesn't work anymore, the icon is not centered vertically. What would be the correct way to do this?