diff --git a/components/button/src/button/button.styles.js b/components/button/src/button/button.styles.js
index 643a20cdbb..9611ddedcb 100644
--- a/components/button/src/button/button.styles.js
+++ b/components/button/src/button/button.styles.js
@@ -192,6 +192,7 @@ export default css`
         background: transparent;
         color: ${colors.red700};
         fill: ${colors.red700};
+        font-weight: 400;
     }
 
     .destructive.secondary:hover {