title: Change css style by classname using styled component
body: <p>In my project, I am using styled Component and installed react-responsive-carousel . As carousel is too big ,I want to add max-height property in classname=carousel.</p>
  <p>I tried this but it didn't worked.</p>
  <pre><code>    const Wrapper = styled.div`
         &amp;.carousel {
          max-height: 450px;
      }
  `
  
      &lt;Wrapper&gt;
        &lt;Carousel showThumbs={false} infiniteLoop={true} autoPlay&gt;
         ................
        &lt;/Carousel&gt;
      &lt;/Wrapper&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/xmzyl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xmzyl.png" alt="enter image description here" /></a></p>
  <p>How can I do that or if there is an easy way to customize. please let me know</p>