Nest the `.toast.show` and use `display: block;` as inherit causes broken styles

diff --git a/scss/_toasts.scss b/scss/_toasts.scss
index 5ec9cab43ae6dca97350f0aaca872b3b5e04c6a8..d6ba4ca1413dcf80638da862b0a8f3a67d97cacf 100644 (file)
--- a/scss/_toasts.scss
+++ b/scss/_toasts.scss
@@ -13,10 +13,10 @@
   + .toast {
     margin-top: $toast-padding-x;
   }
-}
 
-.toast.show {
-  display: inherit;
+  &.show {
+    display: block;
+  }
 }
 
 .toast-header {