[website] Toggle button's border not correct in the homepage

[KyleKlus]

Steps to reproduce

Link to live example: https://mui.com/

Steps:

1. Click on middle or left most button on the toggle button group
2. Then you can see, that the right border of the active state is hidden.

Current behavior

The right border of the active state within the toggle button group on the mui promo page is not visible.
This is because of an margin-left: -1px on the middle button. If you would remove the margin-left, then the border will be show, but the separation line between the buttons will get twice as thic.

Expected behavior

The right border should be visible.

Context

I was just browsing around on the site, using the edge browser and then I saw this unexpected behavior.

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

I used edge version Version 121.0.2277.49 .

Search keywords: Bug in promo website of mui

Search keywords:

[EyaOuenniche]

I would like to work this bug would you please assign it to me?

[mohamedsaiedd]

fixed this bug in #40744 ,
Thank you ! @KyleKlus