diff --git a/frontend/src/views/creators/DonationButtonBanner.vue b/frontend/src/views/creators/DonationButtonBanner.vue
index 2229809..4f6f1de 100644
--- a/frontend/src/views/creators/DonationButtonBanner.vue
+++ b/frontend/src/views/creators/DonationButtonBanner.vue
@@ -172,6 +172,11 @@ function preventNonNumeric(event) {
   @apply bg-hutopyPrimary;
 }
 
+.donation-action:hover {
+  @apply bg-hutopySecondary;
+}
+
+
 .error-message {
   color: white;
   background-color: red;