diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/links.scss b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
index 269a131b70..55d94df75e 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
@@ -18,7 +18,3 @@ a {
     color: var(--link-visited-color);
   }
 }
-
-a[role='button'] {
-  color: inherit;
-}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/button.scss b/services/web/frontend/stylesheets/bootstrap-5/components/button.scss
index 5a10892dce..881eac6597 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/button.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/button.scss
@@ -190,3 +190,9 @@
 .icon-button-large {
   padding: var(--spacing-05);
 }
+
+// Set the visited colour for a link that is styled as a button. This is necessary because we have a generic rule that
+// sets the colour of visited links
+a[role='button']:visited {
+  color: var(--bs-btn-color);
+}