title: Why lights and shadows are not properly drawn on device but are showing fine on the design tab?
body: <p>I am using the <a href="https://github.com/adrianwitaszak/neumorph-ui" rel="nofollow noreferrer">https://github.com/adrianwitaszak/neumorph-ui</a> library.
  When i tried to do a simple test with this code</p>
  <pre><code>@Preview
  @Composable
  fun TestButton() {
  MorphUiTheme() {
      MorphBackground() {
          Box(modifier = Modifier
              .fillMaxSize()
          ) {
              MorphButtonRounded(modifier = Modifier
                  .height(80.dp)
                  .width(240.dp)
                  .align(Alignment.Center)) {
              }
          }
      }
  
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/tDOTI.jpg" rel="nofollow noreferrer">Here is an image that i think explains the issue</a></p>
  <p>You can clearly see that lights and shadows have only a color and now that transparent &quot;gradient&quot; you see on the right</p>