diff --git a/src/styles.scss b/src/styles.scss
index a03f579..141b522 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -27,3 +27,17 @@ app-root {
   flex-direction: column;
   align-items: center;
 }
+
+button {
+  &.abort, &.error, &.warn {
+    @include mat.button-overrides((
+      text-label-text-color: var(--mat-sys-error),
+      text-ripple-color: var(--mat-sys-error),
+      text-state-layer-color: var(--mat-sys-error),
+      filled-label-text-color: var(--mat-sys-on-error),
+      filled-container-color: var(--mat-sys-error),
+      filled-ripple-color: var(--mat-sys-on-error),
+      filled-state-layer-color: var(--mat-sys-on-error),
+    ));
+  }
+}