diff --git a/app/webpacker/css/admin/components/pagination.scss b/app/webpacker/css/admin/components/pagination.scss
index beba1f2159..730abe8888 100644
--- a/app/webpacker/css/admin/components/pagination.scss
+++ b/app/webpacker/css/admin/components/pagination.scss
@@ -25,7 +25,7 @@
     }
 
     &.disabled {
-      background-color: $disabled_button;
+      background-color: $color-btn-disabled-bg;
       cursor: default;
     }
   }
diff --git a/app/webpacker/css/admin/orders.scss b/app/webpacker/css/admin/orders.scss
index 89c9bfd468..8738ce51c7 100644
--- a/app/webpacker/css/admin/orders.scss
+++ b/app/webpacker/css/admin/orders.scss
@@ -116,7 +116,7 @@ table.edit-note-table {
     float: right;
 
     &:disabled {
-      background-color: $disabled-button;
+      background-color: $color-btn-disabled-bg;
     }
   }
 }
diff --git a/app/webpacker/css/admin/variables.scss b/app/webpacker/css/admin/variables.scss
index 37e5d6164a..ba1518ee95 100644
--- a/app/webpacker/css/admin/variables.scss
+++ b/app/webpacker/css/admin/variables.scss
@@ -4,4 +4,4 @@ $color-tbl-border: $pale-blue;
 
 $color-modal-close-btn: $color-5;
 $color-modal-close-btn-hover: darken($color-5, 5%);
-$disabled-button: $light-grey;
+$color-btn-disabled-bg: $light-grey;