diff --git a/assets/css/bootstrap-style.css b/assets/css/bootstrap-style.css
index fa47639..b07e0dc 100644
--- a/assets/css/bootstrap-style.css
+++ b/assets/css/bootstrap-style.css
@@ -12930,7 +12930,7 @@ textarea.form-control-lg {
   }
 }
 .custom-btn-secondary:hover, .custom-btn-secondary-flex:hover, .custom-btn-secondary:focus, .custom-btn-secondary-flex:focus, .custom-btn-secondary:active, .custom-btn-secondary-flex:active {
-  background-color: #2d2d2d !important;
+  background-color: #343434 !important;
   color: white;
 }
 
diff --git a/assets/css/bootstrap-style.scss b/assets/css/bootstrap-style.scss
index f25e8b8..fb8bb92 100644
--- a/assets/css/bootstrap-style.scss
+++ b/assets/css/bootstrap-style.scss
@@ -142,7 +142,7 @@ $utilities: map-merge(
   &:hover,
   &:focus,
   &:active {
-    background-color: darken(map-get($custom-colors, charcoal-surface2), 5%) !important;
+    background-color: darken(map-get($custom-colors, charcoal-surface2), 2.5%) !important;
     color: white;  // Ensure text remains white on hover
   }
 }