How to insert an icon in front of the submenu header?

[rpimentaf]

I've tried so hard to insert an icon in front of the submenu header, but the icon never stands in that position. I tried this code:

<BlazoredSubMenu Header="Sub Menu">
      <HeaderTemplate>
          <i class="oi oi-microphone" aria-hidden="true" /> Sub Menu
      </HeaderTemplate>
      <MenuTemplate>
        .
        .
        .      
      </MenuTemplate>
</BlazoredSubMenu>

The css is:

    .blazored-sub-menu-header span {
        display: inline;
        position: relative;
        text-align: start;
    }

The output was "Sub Menu" with the icon at the end of the line.
So, my question is: how to move the icon to the start of the line?
Thanks!!

[rightec]

Hi. i've tried the following and it seems to work
<i class="oi oi-microphone position-sticky" aria-hidden="true" /> Sub Menu

Please let me have your feeedback
Regards

[digitalsigi]

Look at newest version - Blazor Server Sample. I have included a possible solution