diff --git a/build/scss/mixins/_toasts.scss b/build/scss/mixins/_toasts.scss
index 563f32943..77bdc9d41 100644
--- a/build/scss/mixins/_toasts.scss
+++ b/build/scss/mixins/_toasts.scss
@@ -4,10 +4,9 @@
 
 // Toast Variant
 @mixin toast-variant($name, $color) {
-  &.bg-#{$name} {
-    background-color: rgba($color, .9) !important;
+  #{if(&, '&.bg-#{$name}','.bg-#{$name}')} {
+    background-color: rgba($color, 0.9) !important;
     @if (color-yiq($color) == $yiq-text-light) {
-
       .close {
         color: color-yiq($color);
         text-shadow: 0 1px 0 $black;
@@ -15,9 +14,8 @@
     }
 
     .toast-header {
-      background-color: rgba($color, .85);
+      background-color: rgba($color, 0.85);
       color: color-yiq($color);
     }
   }
 }
-