diff --git a/packages/components/atoms/f-button/CHANGELOG.md b/packages/components/atoms/f-button/CHANGELOG.md
index 7420423fe4..22a8c82159 100644
--- a/packages/components/atoms/f-button/CHANGELOG.md
+++ b/packages/components/atoms/f-button/CHANGELOG.md
@@ -3,6 +3,15 @@
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+
+## v5.1.1
+
+_June 6, 2024_
+
+### Changed
+- Update outline button border colour to `color-border-strong`.
+
+
 ## v5.1.0
 
 _March 13, 2024_
diff --git a/packages/components/atoms/f-button/package.json b/packages/components/atoms/f-button/package.json
index a8a6d5c703..dce1ffd99d 100644
--- a/packages/components/atoms/f-button/package.json
+++ b/packages/components/atoms/f-button/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@justeat/f-button",
   "description": "Fozzie Button – The generic button component",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "main": "dist/f-button.umd.min.js",
   "maxBundleSize": "5kB",
   "files": [
diff --git a/packages/components/atoms/f-button/src/components/Button.vue b/packages/components/atoms/f-button/src/components/Button.vue
index 3c064414f0..9fa2aa8461 100644
--- a/packages/components/atoms/f-button/src/components/Button.vue
+++ b/packages/components/atoms/f-button/src/components/Button.vue
@@ -221,7 +221,7 @@ $btn-outline-bgColor                   : transparent;
 $btn-outline-bgColor--hover            : darken(f.$color-white, f.$color-hover-01);
 $btn-outline-bgColor--active           : darken(f.$color-white, f.$color-active-01);
 $btn-outline-textColor                 : f.$color-content-interactive-tertiary;
-$btn-outline-border-color              : f.$color-border-default;
+$btn-outline-border-color              : f.$color-border-strong;
 $btn-outline-loading-color             : f.$color-content-interactive-tertiary;
 $btn-outline-loading-colorOpaque       : rgba($btn-outline-loading-color, $btn-default-loading-opacity);