diff --git a/src/styles/utilities/appearance.css b/src/styles/utilities/appearance.css
index 5fa2f5bc6..afe0440d6 100644
--- a/src/styles/utilities/appearance.css
+++ b/src/styles/utilities/appearance.css
@@ -1,9 +1,11 @@
 /* 0 specificity. Safari doesn't like :where(:host()) so we need a separate rule. */
-.wa-filled,
-.wa-plain,
-.wa-accent,
+:where(.wa-filled, .wa-plain, .wa-accent, .wa-outlined),
 :host {
   --border-color: transparent;
+  --outlined-border-color: initial;
+  --outlined-border-color-hover: initial;
+  --outlined-text-color: initial;
+  --outlined-text-color-hover: initial;
 }
 
 .wa-outlined,