Layout Issue w/ Duotone

[johnvilsack]

Trying to use duotone icons:

@mixin globe {
    @extend %fa-icon;
    @extend .fas;

    &:before {
        content: fa-content($fa-var-globe); 
    }
}

@mixin globe-duo {
    @extend %fa-icon;
    @extend .fad;

    &:before {
        content: fa-content($fa-var-globe); 
    }
}

generates a failed duotone icon that isn't formatting properly:

[st3phhays]

I'm currently trying to convert to the duotone icons as well. I'm finding this helpful: https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements#with-duotone