title: Next js - how to override style in scss
body: <p>I'm using <code>react-simple-keyboard</code> and I try to override below style from this library<br/>
  <a href="https://i.stack.imgur.com/75fIq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/75fIq.png" alt="enter image description here" /></a></p>
  <p>by using scss</p>
  <p>keyboard.module.scss</p>
  <pre><code>.react-simple-keyboard{
    width: 50% !important;
  }
  </code></pre>
  <p>components/keyboard/index.js</p>
  <pre><code>import keyboardStyle from &quot;./keyboard.module.scss&quot;;
  ...
  // Do something using keyboardStyle
  </code></pre>
  <p>However, I've found there's no update on the style.<br/></p>
  <p>I've tried something like</p>
  <pre><code>.react-simple-keyboard :global{
    width: 50% !important;
  }
  </code></pre>
  <p>but still not working<br/>
  How can I do it?</p>