I am trying to change the input border color to white even if its focused, hovered or just by default.

i am giving background color and border color with border radius to mui table head and mui table row.
it looks fine in windows and android all browsers but seems like position not working in mac and iphone system.

const [active, setActive] = React.useState([“active”, “”, “”, “”, “”]);“your text“ const hrefs = React.useMemo( () => [“/”, “/about”, “/skills”, “/projects”, “/contact”], [] ); React.useEffect(() => { setInterval(() => { const currentPath = window.location.pathname;“your text“ const newActive = [“/”, “/about”, “/skills”, “/projects”, “/contact”].map( (href, index) => (currentPath === href ? “active” : “”) ); setActive(newActive); }, […]

I got the code for a collapsible table from this website:
https://mui.com/material-ui/react-table/#collapsible-table

I am carrying out a technical test for a Frontend position, which consists of developing a SPA, which contains a form and interacts with an API, which allows us to bring information that will be used to fill out said form, the The question is because the select has a different color in the arrow container, you can use html and css or use the Material UI component library, I appreciate your time reading the question and I hope someone can help me.
ejemplo del select

I tried to center the grid items of material UI but not able to achieve and document says you can make use of justifyItems and alignItems props but i could not achieve by using this one. Any help?