title: Toaster (ngx-toastr) top-center alignment doesn't have top margin
body: <p>I'm using the <a href="https://www.npmjs.com/package/ngx-toastr" rel="nofollow noreferrer">ngx-toastr</a> library. I'm launching a message positioned at the top-center of the screen like this:</p>
  
  <pre><code>@Injectable()
  export class MessageService {
  
      constructor(private toastrService: ToastrService) { }
  
      showErrorMessage(message: string) {
           this.toastrService.error(message, undefined, {
                positionClass: 'toast-top-center'
           });
      }
  }
  </code></pre>
  
  <p>The problem is that the toast is being shown without any margin on the top:</p>
  
  <p><a href="https://i.stack.imgur.com/GHV6h.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GHV6h.png" alt="enter image description here"></a></p>
  
  <p>How can I solve this? </p>