diff --git a/css/backoffice/components/_alert.scss b/css/backoffice/components/_alert.scss
index e55318de0..5a76ad606 100644
--- a/css/backoffice/components/_alert.scss
+++ b/css/backoffice/components/_alert.scss
@@ -41,7 +41,7 @@ $ibo-alert-colors: (
 	$bg-color: nth($aColorValues, 1);
 	$highlight-color: nth($aColorValues, 2);
 	$text-color: nth($aColorValues, 3);
-	.ibo-alert.ibo-is-#{$sColor} {
+	%ibo-alert-#{$sColor}, .ibo-alert.ibo-is-#{$sColor} {
 		background-color: $bg-color;
 		color: $text-color;
     a {
diff --git a/css/backoffice/components/_toast.scss b/css/backoffice/components/_toast.scss
index 4f9ddf66a..84f173656 100644
--- a/css/backoffice/components/_toast.scss
+++ b/css/backoffice/components/_toast.scss
@@ -48,15 +48,15 @@ $ibo-toast--max-width: calc(50% - 20px) !default;
     animation: none; /* Pause animation on hover */
   }
   &.ibo-is-error{
-    @extend .ibo-alert.ibo-is-danger;
+    @extend %ibo-alert-danger;
   }
   &.ibo-is-warning{
-    @extend .ibo-alert.ibo-is-warning;
+    @extend %ibo-alert-warning;
   }
   &.ibo-is-success{
-    @extend .ibo-alert.ibo-is-success;
+    @extend %ibo-alert-success;
   }
   &.ibo-is-information{
-    @extend .ibo-alert.ibo-is-information;
+    @extend %ibo-alert-information;
   }
 }
\ No newline at end of file