diff --git a/docs/docs/resources/changelog.md b/docs/docs/resources/changelog.md
index 9640ee874..53e931860 100644
--- a/docs/docs/resources/changelog.md
+++ b/docs/docs/resources/changelog.md
@@ -22,6 +22,7 @@ During the alpha period, things might break! We take breaking changes very serio
 - Fixed a bug in `<wa-color-picker>` that prevented light dismiss from working when clicking immediately above the color picker dropdown
 - Fixed a bug in `<wa-select multiple>` that sometimes resulted in empty `<div>` elements being output
 - Fixed a bug in `<wa-radio-button>` that prevented the pill effect from applying properly
+- Fixed a bug in `<wa-radio-button>` that prevented active buttons from receiving the correct styles
 
 ## 3.0.0-alpha.11
 
diff --git a/src/components/radio-button/radio-button.css b/src/components/radio-button/radio-button.css
index 7f8e68b4b..1319aca64 100644
--- a/src/components/radio-button/radio-button.css
+++ b/src/components/radio-button/radio-button.css
@@ -32,7 +32,6 @@
 /*
  * Checked buttons
  */
-
 :host([checked]) {
   --indicator-color: var(--wa-form-control-activated-color);
   --indicator-width: var(--wa-border-width-s);
@@ -44,6 +43,14 @@
   }
 }
 
+/*
+ * Active buttons
+ */
+button:active {
+  --text-color-active: var(--wa-form-control-activated-color);
+  --border-color-active: var(--wa-form-control-activated-color);
+}
+
 /* Horizontal radio pill buttons */
 :host([data-wa-radio-horizontal][data-wa-radio-first]:not([data-wa-radio-last])) .wa-pill {
   border-start-end-radius: 0;