Icons not appearing in Stepper

*_Expected behavior_*Icon will show up as demo in docs

*_Actual behavior_*Icon not appearing

Resources (screenshots, code snippets etc.)

I have a stepper as shown in the (somewhat brief and simplified) snippets below.I'm using separate components per step (as discussed in prev post) The components work fine, validation etc working correctly.

I also tried using alternate template syntax

 <template v-slot:1>

The problem is that no icon appears in step Button - as shown in screenshot:

No icon tag is inserted in html

However other icons show up correctly, as per screenshot

I'm grateful for any pointers as to what I'm missing here.

Thanks

l.

<mdb-stepper
    :steps="entryStepper"
    :options="options"
        buttons
        within
        ref="stepper"
        validation
        :validatedSteps="validatedSteps"
        @validate="validate"
        @changeStep="changeActiveStep"
>
    <template #1>
        <step-user
            title="User Details"
        />
    </template>
    <template #2>
        <step-address
                title="Address"
        />

data() {
    return {
        entryStepper: [
            { name: "User Details", icon: "user" },
            { name: "Address", icon: "building" },
            { name: "Media", icon: "media" },
            { name: "Terms and Conditions", icon: "clipboard-check" },
        ],
        options: {
            stepBtn: { color: "info", active: "amber", iconClass: "white-text" },
            nextBtn: { outline: "info", icon: "chevron-right", text: "Next" },
            prevBtn: { outline: "info", icon: "chevron-left", text: "Previous" },
            submitBtn: { color: "amber", icon: "check" },
            lineColor: "amber"
        },
        steps: [
            'stepUser',
            'stepAddress',
            'stepMedia',
            'stepTerms'
        ],

    }
},