title: ReactJS material makeStyles
body: <p>I have my own theme, I can theming well. 
  Right now I have three different styles with material UI tabs. That's why I need to change styles using makeStyles. </p>
  
  <p>This is example of tab I need to change </p>
  
  <pre><code>...
  
  const useStyles = makeStyles(theme =&gt; ({
    root: {
      flexGrow: 1,
      width: "100%",
      backgroundColor: theme.pallete.primary
    },
    tabs: {
    /// some styles
    }
  ...
  }
  ));
  
  ...
  
  
  &lt;Tabs
   ...someProps
   className={classes.tabs}
  &gt;
  </code></pre>
  
  <p><strong></strong> element inside tab have such classes: </p>
  
  <pre><code> &lt;button class="MuiButtonBase-root MuiTab-root MuiTab-textColorSecondary Mui-selected MuiTab-labelIcon"&gt;
  </code></pre>
  
  <p>I have tried to edit styles the same way as </p>
  
  <pre><code>... = createMuiTHeme ({
  overrides: {
  ...some overrides
  }
  </code></pre>
  
  <p>in my case:</p>
  
  <pre><code>const useStyles = makeStyles(theme =&gt; ({
    root: {
      flexGrow: 1,
      width: "100%",
      backgroundColor: "#121D42",
     MuiButtonBase: {
      root: {
      ///some styles
      },
     }
    },
  ...
  </code></pre>
  
  <p>but it doesn't work with makeStyles</p>
  
  <p>So how can I edit buttons inside tabs using makeStyles(), is it possible? Or help me with solution please</p>