diff --git a/src/components/button/button.styles.ts b/src/components/button/button.styles.ts
index 648e779b0..637d23808 100644
--- a/src/components/button/button.styles.ts
+++ b/src/components/button/button.styles.ts
@@ -234,7 +234,7 @@ export default css`
 
   /* Default */
   .button--outline.button--default {
-    border-color: rgb(var(--sl-color-neutral-400));
+    border-color: rgb(var(--sl-color-neutral-300));
     color: rgb(var(--sl-color-neutral-700));
   }