Ionic CSS is getting messed up for --prod

Hi all i am writing one html like this

                <ion-item >
                    <ion-avatar item-left>
                        <img src="...">
                    </ion-avatar>
                    <p><span>name</span><span style="float: right;">name</span></p>
                    <span>
                        <ion-badge>score</ion-badge>
                        <ion-badge style="float: right;">score</ion-badge>
                    </span>
                    <ion-avatar item-right>
                        <img src="...">
                    </ion-avatar>
                </ion-item>

and it is working like i expect but when i try this with --prod the css is not working as expected.