title: Use Paper elevation prop via css?
body: <p>This is probably a bigger design question, but in my material ui app, I have tried to keep all styling done in CSS (using makeStyles), rather than do some styling inside the jsx (as per the material ui docs) and some in CSS.</p>
  <p>So far all my styling has worked in css only, but I have hi a sticking point with elevation on the Paper component.   I thought it would be a simple case of adding elevation: '3' to my useStyles object (cv__paper), but it only works as below:</p>
  <pre><code>        //works as expeted
          &lt;Paper className={classes.cv__paper} elevation={3}&gt;
            &lt;img
              className={classes.image}
              src={image}
              alt=&quot;&quot;
            &gt;&lt;/img&gt;
          &lt;/Paper
  </code></pre>
  <pre><code>
          //won't style with elevation
  
          &lt;Paper className={classes.cv__paper}&gt;
            &lt;img
              className={classes.image}
              src={image}
              alt=&quot;&quot;
            &gt;&lt;/img&gt;
          &lt;/Paper
  
          ...
  
          cv__paper: {
            elevation: '3'
          }
  </code></pre>
  <p>full code</p>
  <p>just to confirm, I have checked that the css is being applied (changed the background to blue)</p>
  <pre><code>
  import { makeStyles } from '@material-ui/core/styles';
  
  const useStyles = makeStyles((theme) =&gt; ({
    root: {
      padding: '25px',
      maxWidth: '60%'
    },
    content: {
      height: '100%',
      width: '100%',
      justifyContent: 'center',
      textAlign: 'center'
    },
    image: {
      maxWidth: '100%',
      maxHeight: '100%'
    },
    download__icon: {
      fontSize: '100px'
    },
    cv__paper: {
      elevation: 3
    }
  }));
  
  export default useStyles;
  
  
  const Cv = () =&gt; {
    const classes = useStyles();
    return (
      &lt;Container className={classes.root}&gt;
        &lt;Box className={classes.content}&gt;
          &lt;Paper className={classes.cv__paper} elevation={3}&gt;
            &lt;img
              className={classes.image}
              src={image}
              alt=&quot;&quot;
            &gt;&lt;/img&gt;
          &lt;/Paper&gt;
  
          &lt;Link variant=&quot;IconButton&quot; href={CvFile} download=&quot;mreaybeaton.pdf&quot;&gt;
            &lt;GetAppIcon className={classes.download__icon}&gt;&lt;/GetAppIcon&gt;
          &lt;/Link&gt;
        &lt;/Box&gt;
      &lt;/Container&gt;
    );
  };
  </code></pre>
  <p>Any ideas?</p>