diff --git a/docs/docs/resources/changelog.md b/docs/docs/resources/changelog.md
index 53e931860..aaacb8c72 100644
--- a/docs/docs/resources/changelog.md
+++ b/docs/docs/resources/changelog.md
@@ -23,6 +23,7 @@ During the alpha period, things might break! We take breaking changes very serio
 - 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
+- Fixed a bug in `<wa-button>` that prevented the focus ring from showing in Safari
 
 ## 3.0.0-alpha.11
 
diff --git a/src/styles/native/button.css b/src/styles/native/button.css
index 01e93e9cb..c5e76aeef 100644
--- a/src/styles/native/button.css
+++ b/src/styles/native/button.css
@@ -81,10 +81,6 @@ input:is([type='button'], [type='reset'], [type='submit']),
    * States
    */
 
-  &::-moz-focus-inner {
-    border: 0;
-  }
-
   &:focus {
     outline: none;
   }
@@ -103,6 +99,11 @@ input:is([type='button'], [type='reset'], [type='submit']),
       pointer-events: none;
     }
   }
+
+  /* Keep it last so Safari doesn't stop parsing this block */
+  &::-moz-focus-inner {
+    border: 0;
+  }
 }
 
 /**