Estoy tratando de agregar este desplazamiento: https://www.npmjs.com/package/react-custom-scrollbars-2 a la lista de opciones de autocompletado de Material UI . Mi aplicación usa el mismo componente de desplazamiento en todas partes y la interfaz de usuario se ve muy mal con el desplazamiento predeterminado tradicional que tenemos en mui autocompletar.
Enlace al componente : https://codesandbox.io/s/eioiuz?file=/demo.tsx
Así es como se ve ahora: https://i.stack.imgur.com/Uwvif.png
Así es como quiero que se vea la barra de desplazamiento: https://i.stack.imgur.com/AM367.png
Una forma posible de resolver este problema es diseñar la etiqueta predeterminada utilizada por el cuadro de componente de lista Autocompletar de MUI. Por ejemplo ul::-webkit-scrollbar { width: 4px; } reducirá el tamaño de la barra de desplazamiento.
