diff --git a/frontend/sass/button.scss b/frontend/sass/button.scss
new file mode 100644
index 0000000..08a7de2
--- /dev/null
+++ b/frontend/sass/button.scss
@@ -0,0 +1,34 @@
+@import "colors-main.scss";
+@import "common-main.scss";
+
+.button {
+  @extend .shadow;
+  height: 40px;
+  min-width: 110px;
+  background: $white;
+  border: none;
+  outline: none;
+  padding: 0px 10px 0px 10px;
+  font-size: 12px;
+  text-transform: uppercase;
+  text-align: center;
+  font-weight: bold;
+  color: $blue-7;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.button:hover {
+  color: $blue-6;
+}
+
+.button:disabled {
+  cursor: default;
+  color: $gray-6;
+}
+
+.short-button {
+  width: 80px;
+  position: absolute;
+  top: 10px;
+}
diff --git a/frontend/sass/dashboard-main.scss b/frontend/sass/dashboard-main.scss
index 11588a7..c73f62a 100644
--- a/frontend/sass/dashboard-main.scss
+++ b/frontend/sass/dashboard-main.scss
@@ -1,6 +1,7 @@
 @import "colors-main.scss";
 @import "common-main.scss";
 @import "checkbox.scss";
+@import "button.scss";
 
 .subscription-nag {
   position: absolute;
@@ -587,38 +588,6 @@ body {
   padding-left: 32px;
 }
 
-.button {
-  @extend .shadow;
-  height: 40px;
-  min-width: 110px;
-  background: $white;
-  border: none;
-  outline: none;
-  padding: 0px 10px 0px 10px;
-  font-size: 12px;
-  text-transform: uppercase;
-  text-align: center;
-  font-weight: bold;
-  color: $blue-7;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.button:hover {
-  color: $blue-6;
-}
-
-.button:disabled {
-  cursor: default;
-  color: $gray-6;
-}
-
-.short-button {
-  width: 80px;
-  position: absolute;
-  top: 10px;
-}
-
 .stat {
   -webkit-box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
   -moz-box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);