title: How can i give style to the ul inside the pagination
body: <p>I want to give style to the <code>ul</code> inside the <code>Pagination</code>, but no matter what i do nothing works!<br>
  Here is a picture:<br>
  <a href="https://i.stack.imgur.com/lQvPn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lQvPn.png" alt="enter image description here"></a><br>
  As you can see i want to give the style to <code>MuiPagination-ul</code> class<br>
  Here is what i tried so far :  </p>
  
  <pre><code>const useStyles = makeStyles((theme) =&gt; ({
      Pagination: {
          root: {
              MuiPagination: {
                  ul: {
                      display: 'inline-flex'
                  }
              }   
          }            
      }
  }));  
  
  &lt;Pagination className={classes.Pagination}/&gt;
  </code></pre>
  
  <p>I also tried it without it being inside a root, and also using a string like </p>
  
  <pre><code>'MuiPagination-ul': {display: 'inline-flex'}  
  </code></pre>
  
  <p>What am i doing wrong ?  </p>