diff --git a/dialog.go b/dialog.go
index 2796d6f..4253f3b 100644
--- a/dialog.go
+++ b/dialog.go
@@ -67,16 +67,16 @@ const dialogStyle = `<style>
   font: inherit;
   cursor: pointer;
 }
-#exapp-dialog-agree {
+#exapp-dialog-actions button#exapp-dialog-agree {
   border-color: transparent;
   background: var(--color-primary-element, #00679e);
   color: var(--color-primary-element-text, #fff);
 }
-#exapp-dialog-agree.destructive {
-  background: var(--color-error, #e9322d);
-  color: #fff;
+#exapp-dialog-actions button#exapp-dialog-agree.destructive {
+  background: var(--color-error, #ffe7e7);
+  color: var(--color-error-text, #8a0000);
 }
-#exapp-dialog-agree:disabled { opacity: 0.45; cursor: default; }
+#exapp-dialog-actions button#exapp-dialog-agree:disabled { opacity: 0.45; cursor: default; }
 </style>`
 
 const dialogMarkup = `<dialog id="exapp-dialog" aria-modal="true">
diff --git a/dialog_test.go b/dialog_test.go
index 7bbdd8a..a8d7ec7 100644
--- a/dialog_test.go
+++ b/dialog_test.go
@@ -350,6 +350,13 @@ func TestConfirmYesNoAndDestructive(t *testing.T) {
 				if plain == destructive {
 					return fmt.Errorf("destructive button color %q matches Cancel", destructive)
 				}
+				var text string
+				if err := chromedp.Evaluate(`getComputedStyle(document.getElementById("exapp-dialog-agree")).color`, &text).Do(ctx); err != nil {
+					return err
+				}
+				if text == "rgb(255, 255, 255)" || text == destructive {
+					return fmt.Errorf("destructive label color %q on background %q", text, destructive)
+				}
 				var label string
 				if err := chromedp.Evaluate(`document.getElementById("exapp-dialog-agree").textContent`, &label).Do(ctx); err != nil {
 					return err