title: How to customize scrollbar in Material UI?
body: <p>I am using Material-UI to expand my React project, but i can't change the scrollbars in the mui components.
  This was the css i was using before mui integration:</p>
  <pre><code>::-webkit-scrollbar {
      width: 10px;
      height: 10px;
  }
  
  ::-webkit-scrollbar-track {
      background-color: transparent;
      border-radius: 5px;
      margin: 5px;
  }
  
  ::-webkit-scrollbar-thumb {
      background-color: #1a1b1c;
      border-radius: 5px;
      border: solid 2px #282c34;
  }
  
  ::-webkit-scrollbar-thumb:hover {
      background-color: #1a1b1c;
      border-radius: 5px;
      border: solid 2px #1a1b1c;
  }
  </code></pre>
  <p>After using mui I realized css is overwritten by mui's own styling while using mui components such as <code>&lt;Box/&gt;</code> or <code>&lt;Drawer/&gt;</code>. I'm also using <code>&lt;ThemeProvider/&gt;</code> from mui with following theme:</p>
  <pre><code>export const dark_theme = createTheme({
    breakpoints: {
      values: {
        mobile: 0,
        desktop: 1024,
      },
    },
    palette: {
      type: &quot;dark&quot;,
      primary: {
        main: &quot;#3f51b5&quot;,
        contrastText: &quot;#fff&quot;,
      },
      secondary: {
        main: &quot;#8700ff&quot;,
        contrastText: &quot;#fff&quot;,
      },
      background: {
        default: &quot;#282c34&quot;,
      },
    },
    typography: {
      fontFamily: &quot;Poppins&quot;,
      allVariants: {
        color: &quot;white&quot;,
      },
    },
    overrides: {},
  });
  </code></pre>
  <p>After trying <a href="https://mui.com/components/css-baseline/#scrollbars" rel="nofollow noreferrer">CSS Baseline</a> overrides from mui documentation, i couldn't get any results but also couldn't confirm what was the problem due to my limited understanding of mui`s styling and the fact that <a href="https://mui.com/components/css-baseline/#scrollbars" rel="nofollow noreferrer">CSS Baseline scrollbars</a> was marked deprecated.</p>
  <p>how can i integrate the above shown css scrollbar styles to a mui component or mui theme?</p>