diff --git a/scss/_tabs.scss b/scss/_tabs.scss
index 4daccbbc3c..70a7c4aa13 100644
--- a/scss/_tabs.scss
+++ b/scss/_tabs.scss
@@ -124,7 +124,7 @@
 }
 
 @mixin tabs-background($style, $color, $border-color) {
-  &.#{$style} {
+  .#{$style} {
     .tabs,
     &> .tabs{
       background-color: $color;
@@ -143,7 +143,7 @@
 }
 
 @mixin tabs-color($style, $color) {
-  &.#{$style} {
+  .#{$style} {
     .tab-item {
       color: rgba($color, $tabs-off-opacity);
       opacity: 1;