diff --git a/app/javascript/dashboard/assets/scss/_layout.scss b/app/javascript/dashboard/assets/scss/_layout.scss
index 9e9573b13..4b928b888 100644
--- a/app/javascript/dashboard/assets/scss/_layout.scss
+++ b/app/javascript/dashboard/assets/scss/_layout.scss
@@ -41,11 +41,6 @@ body {
 .content-box {
   overflow: scroll;
   @include padding($space-normal);
-  .btn-fixed-right-top {
-    position: fixed;
-    top: $space-small;
-    right: $space-small;
-  }
 }
 
 .back-button {
diff --git a/app/javascript/dashboard/assets/scss/widgets/_buttons.scss b/app/javascript/dashboard/assets/scss/widgets/_buttons.scss
index a2d96d36e..d60ac27f9 100644
--- a/app/javascript/dashboard/assets/scss/widgets/_buttons.scss
+++ b/app/javascript/dashboard/assets/scss/widgets/_buttons.scss
@@ -4,7 +4,7 @@
     padding-right: $space-normal;
 
     i {
-      padding-right: $space-one;
+      padding-right: $space-small;
     }
   }
 
@@ -25,7 +25,12 @@
   }
 
   > .icon {
-    font-size: $font-size-mini;
-    margin-right: $space-smaller;
+    font-size: $font-size-default;
   }
 }
+
+.button--fixed-right-top {
+  position: fixed;
+  right: $space-small;
+  top: $space-small;
+}
diff --git a/app/javascript/dashboard/routes/dashboard/settings/SettingsHeader.vue b/app/javascript/dashboard/routes/dashboard/settings/SettingsHeader.vue
index bd1d94622..77a372d13 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/SettingsHeader.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/SettingsHeader.vue
@@ -9,7 +9,7 @@
     <router-link
       v-if="showNewButton && showButton && currentRole"
       :to="buttonRoute"
-      class="button icon success nice"
+      class="button icon success nice button--fixed-right-top"
     >
       <i class="icon ion-android-add-circle"></i>
       {{ buttonText }}
diff --git a/app/javascript/dashboard/routes/dashboard/settings/agents/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/agents/Index.vue
index a4b9aaf57..22a8468b2 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/agents/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/agents/Index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="column content-box">
     <button
-      class="button nice icon success btn-fixed-right-top"
+      class="button nice icon success button--fixed-right-top"
       @click="openAddPopup()"
     >
       <i class="icon ion-android-add-circle"></i>
diff --git a/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
index a7322b100..db8e77971 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="column content-box">
     <button
-      class="button nice icon success btn-fixed-right-top"
+      class="button nice icon success button--fixed-right-top"
       @click="openAddPopup()"
     >
       <i class="icon ion-android-add-circle"></i>