title: Change position of toast in ng-bootstrap
body: <p>Following the example here: <a href="https://stackblitz.com/run?file=app/toast-global.component.ts" rel="nofollow noreferrer">https://stackblitz.com/run?file=app/toast-global.component.ts</a>, we have implemented a global toast service in Angular 8. By default, this seems to be appearing from the top right corner of the screen, however we would like to change the positioning to the bottom left. Creating a custom CSS class for ngb-toasts with &quot;: host&quot; did not override the default &quot;ngb-toasts&quot; class.</p>
  <p>Custom CSS:</p>
  <pre><code>:host .ngb-toasts {
      left: 0 !important;
      bottom: 0 !important;
  }
  </code></pre>
  <p>Any pointers on this would super appreciated!</p>