Badges with icons don't align with badges without icons

Description

When putting multiple badge next to each other, the badge with the icon is higher, so they don't align:

<div>
  <gl-badge>Online</gl-badge>
  <gl-badge icon="face-neutral">Online</gl-badge>
</div>