diff --git a/src/app/features/events/components/event-card/event-card.component.html b/src/app/features/events/components/event-card/event-card.component.html
index 48ccb287..63226856 100644
--- a/src/app/features/events/components/event-card/event-card.component.html
+++ b/src/app/features/events/components/event-card/event-card.component.html
@@ -36,6 +36,7 @@
                             [ariaLabel]="(model?.confirmed ? translations.eventCard.confirm.aria_off : translations.eventCard.confirm.aria_on) | translate"
                             [tooltipDirection]="tooltipDirection.Above"
                             [disabled]="loading || model?.canceled == true || isPast()"
+                            [theme]="model?.declined ? 'disabled' : 'secondary-2'"
                             (click)="confirmEvent()">
                     <i *ngIf="!loading" 
                     class="fa-circle-check"
@@ -50,6 +51,7 @@
                             [tooltip]="(model?.declined ? translations.eventCard.decline.tooltip_off : translations.eventCard.decline.tooltip_on) | translate"
                             [ariaLabel]="(model?.declined ? translations.eventCard.decline.aria_off : translations.eventCard.decline.aria_on) | translate"
                             [disabled]="loading || model?.canceled == true || isPast()"
+                            [theme]="model?.confirmed ? 'disabled' : 'error'"
                             (click)="declineEvent()">
                     <i *ngIf="!loading" 
                     class="fa-circle-xmark"