Extraneous non-props attributes warning For class on listbox

[aronduby]

I'm using the vue version and trying to wrap the Listbox as a XSelect component. All is working well until we try to add a class attribute on the XSelect, then vue gives a warning that my normal understanding doesn't fix:

runtime-core.esm-bundler.js:38 [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

Here's the setup

// usage
<XSelect
    label="State"
    class="lg:w-16"
    name="profile_state"
    v-model="form.profile_state"
    :options="StatesOptionList"
/>

// XSelect component
<template>
    <Listbox as="div"
        v-model="innerValue"
        :disabled="props.disabled"
        :multiple="props.multiple"
        ref="listbox"
    >...</Listbox>
</template>

So far I've tried everything I can think of - adding class as a prop, v-bind=$attrs, class=$attrs[class] - but nothing appears to be applying the class. Any thoughts?