diff --git a/assets/css/scss/atoms/_buttons.scss b/assets/css/scss/atoms/_buttons.scss
index 9f77bd8ffd..a3bee6055b 100644
--- a/assets/css/scss/atoms/_buttons.scss
+++ b/assets/css/scss/atoms/_buttons.scss
@@ -40,11 +40,11 @@
   }
 
   &--plain {
-    @apply bg-gray-90 text-white mr-1.5;
+    @apply bg-gray-30 text-white mr-1.5;
 
     &:hover,
     &:focus {
-      @apply bg-black;
+      @apply bg-gray-90;
     }
   }
 
@@ -53,7 +53,7 @@
 
     &:hover,
     &:focus {
-      @apply bg-gray-90 border-gray-90 text-white;
+      @apply bg-gray-30 border-gray-30 text-white;
     }
   }
 
@@ -165,7 +165,7 @@ $border-color_12: #9333EA;
   $textColor: 'white';
 
   @if('warning' == $color) {
-    $textColor: 'gray-90';
+    $textColor: 'gray-30';
   }
 
   @apply bg-#{$color} text-#{$textColor};
@@ -194,7 +194,7 @@ $border-color_12: #9333EA;
       @if ('warning' == $color) {
         @apply bg-#{$color} border-#{$color} text-gray-90;
       } @else if('black' == $color) {
-        @apply bg-gray-90 border-gray-90 text-white;
+        @apply bg-gray-30 border-gray-30 text-white;
       } @else {
         @apply bg-#{$color} border-#{$color} text-white;
       }
@@ -321,7 +321,7 @@ $border-color_12: #9333EA;
 
 // plain button
 .p-button.p-button-plain {
-  @include filled-style('gray-90', 'black');
+  @include filled-style('gray-30', 'black');
 
   &.p-button-outlined {
     @include outlined-style('black');
@@ -334,7 +334,7 @@ $border-color_12: #9333EA;
 
 .p-buttonset.p-button-plain {
   > .p-button {
-    @include filled-style('gray-90', 'black');
+    @include filled-style('gray-30', 'black');
 
     &.p-button-outlined {
       @include outlined-style('black');