pButton Label Not Vertically Centered

[raistlin78]

In using the template, pButtons are showing with their label on the bottom of the button, instead of in the middle as seen in primeng base button and in the ultima demo.

Not sure why this is occurring.Using the layout-blue.css

html of login component:
<div class="login-body">
<div class="card login-panel ui-fluid">
<div class="ui-g">
<div class="ui-g-12">
<img src="assets/layout/images/logo-ultima.svg">
</div>
<div class="ui-g-12">
<span class="md-inputfield">
<input type="text" [(ngModel)]="username" pInputText>
<label>Username</label>
</span>
</div>
<div class="ui-g-12">
<span class="md-inputfield">
<input type="text" [(ngModel)]="password" pInputText>
<label>Password</label>
</span>
</div>
<div class="ui-g-12">
<button pButton type="button" label="Sign In" icon="ui-icon-person" (click)="login()"></button>
<button pButton type="button" label="Forgot Password" class="pink-btn"icon="ui-icon-help"></button>
</div>
</div>
</div>
</div>

This is taken from the login page demo

[mert.sincan]

Please use Ultima-PrimeNg forum.

Best Regards,