diff --git a/package.json b/package.json
index 68ee58c..9d5da0b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hibas123/theme",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "",
   "main": " ",
   "files": [
diff --git a/src/base/_btn.scss b/src/base/_btn.scss
index cdca6cb..c8fab99 100644
--- a/src/base/_btn.scss
+++ b/src/base/_btn.scss
@@ -1,6 +1,5 @@
-.btn-flat {
+@mixin btn-flat() {
     position: relative;
-    color: black;
     border: 0;
     margin: .3rem;
     padding: .5rem;
@@ -9,8 +8,12 @@
     transition: .05s background-color linear;
 }
 
+.btn-flat {
+    @include btn-flat();
+}
+
 .btn {
-    @extend .btn-flat;
+    @include btn-flat();
 }
 
 .btn-primary {
diff --git a/src/theme/_btn.scss b/src/theme/_btn.scss
index 4ee2c44..d838e8c 100644
--- a/src/theme/_btn.scss
+++ b/src/theme/_btn.scss
@@ -1,4 +1,4 @@
-.btn-flat {
+@mixin btn-flat {
     background: $button-color;
 
     &:hover {
@@ -10,9 +10,13 @@
     }
 }
 
+.btn-flat {
+    @include btn-flat();
+}
+
 .btn {
     @include Elevation(1);
-    @extend .btn-flat;
+    @include btn-flat();
 }
 
 .fab {