Как отключить тень кольца с помощью TailwindCSS? ⇐ CSS

[Anonymous]

Вот как выглядит моя проблема (см. кольцо):
Просмотреть изображение
Используя инспектор Chrome, выяснилось, что она связана с --tw-ring-shadow.
Поэтому я попробовал добавить такие классы, как Ring-0 и Ring-Offset-0 (как вы можете видеть ниже), но это не помогло. не работает!!

Код: Выделить всё

    import { TextField } from "@mui/material";

function ContactForm(): JSX.Element {
return (





);
}

export default ContactForm;

Есть ли у вас идеи, как мне избавиться от этой надоедливой границы, которая перекрывает поле ввода??
Буду признателен за вашу помощь !

Подробнее здесь: https://stackoverflow.com/questions/723 ... ailwindcss