Vuetify 3中Outlined变体v-text-field组件Bug求助

我在项目中使用Vuetify 3的v-text-field组件时，它的Outlined（轮廓）变体出现了问题。尝试移除details相关设置后仍未解决，希望有相关经验的开发者能帮忙排查。

相关代码如下：

<v-text-field
            class="rounded-full border-slate-300 sm:order-last w-full sm:min-w-[270px]"
            variant="outlined"
            v-model="search"
            label="Pesquisar por aluno"
            prepend-inner-icon="mdi-magnify"
            hide-details="auto"
            color="#0284FE"
          >
</v-text-field>

问题表现可查看对应截图。

内容的提问来源于stack exchange，提问作者Kevin Almeida