Как переопределить стили MUI версии 5 для компонента нумерации страниц? ⇐ CSS

[Anonymous]

Я использую MUI версии 5. У меня возникли проблемы с оценкой стилей активных кнопок компонента «Разбиение на страницы». Я надеюсь, что кто-нибудь сможет мне помочь, я покажу вам текущие стили и стили, которых я хочу достичь. Это строка кода для нумерации страниц, которую я использую

импортировать нумерацию страниц из @mui/material/Pagination; Это изображение текущих стилей





Это образ стилей, которых я хочу достичь





И это тема в файле index,js

импортировать React из 'реагировать'; импортировать ReactDOM из «реагировать-дом»; импортировать '../src/style.scss'; импортировать маршрутизатор из «./Router»; импортировать { ThemeProvider, createMuiTheme } из '@material-ui/core'; константная тема = createMuiTheme({ типография: { fontFamily: ['Lato', 'cursive'].join(','), ч1: { Размер шрифта: 50, ШрифтВес: 600, lineHeight: '61px' }, ч2: { Размер шрифта: 24, шрифтВес: 500, lineHeight: '28,8 пикселей', textAlign: 'слева' }, ч3: { Размер шрифта: 30, ШрифтВес: 600, lineHeight: '36,6 пикселей', цвет: '#2D6FF6' }, субтитр1: { Размер шрифта: 18, шрифтВес: 400, lineHeight: '21,96 пикселей' }, субтитр2: { Размер шрифта: 16, шрифтВес: 400, lineHeight: '24,32 пикселей', цвет: '#8A8A8A' }, 'body-см': { Размер шрифта: 14, шрифтВес: 400, lineHeight: '16,8 пикселей', цвет: '#667085' } } }); ReactDOM.render( , document.getElementById('корневой') ); Надеюсь, что кто-нибудь поможет мне добиться стилей, как на втором изображении, заранее спасибо!