Проблема может возникать из-за того, что градиенты в псевдоэлементах не всегда корректно отображаются в разных браузерах. Возможно, это связано с проблемой в реализации CSS свойств в конкретном браузере.
Чтобы исправить эту проблему, можно попробовать использовать альтернативные способы задания градиента, например, через background-image с указанием линейного или радиального градиента в формате CSS.
Также стоит убедиться, что у вас указаны правильные префиксы для кросс-браузерной поддержки и проверить код на наличие возможных ошибок.
Если проблема все еще не решается, попробуйте обновить браузер до последней версии или протестировать код на разных браузерах, чтобы убедиться, что проблема не специфична для одного конкретного браузера.