diff --git a/site/assets/scss/_content.scss b/site/assets/scss/_content.scss
index 3dd380ef709bfcb9d51f108f60094fd3f63aa5ff..e79108fc69c95bcf63a45e9ac57ac9d498617ed5 100644
--- a/site/assets/scss/_content.scss
+++ b/site/assets/scss/_content.scss
@@ -76,10 +76,6 @@
   font-weight: 300;
 }
 
-.bd-text-purple-bright {
-  color: $bd-violet;
-}
-
-.bd-bg-purple-bright {
+.bd-bg-violet {
   background-color: $bd-violet;
 }
diff --git a/site/layouts/partials/home/masthead-followup.html b/site/layouts/partials/home/masthead-followup.html
index e6cfb4724c62c0aac7c970a7816a404f908351bf..48f77f47041ceb61fb066f93079520ca369dbcc9 100644
--- a/site/layouts/partials/home/masthead-followup.html
+++ b/site/layouts/partials/home/masthead-followup.html
@@ -43,7 +43,7 @@
 
   <section class="row mb-5 pb-md-4 align-items-center">
     <div class="col-md-5">
-      <div class="masthead-followup-icon d-inline-block mb-2 text-white bd-bg-purple-bright">
+      <div class="masthead-followup-icon d-inline-block mb-2 text-white bd-bg-violet">
         {{ partial "icons/circle-square.svg" (dict "width" "32" "height" "32") }}
       </div>
       <h2 class="display-5 fw-normal">Bootstrap Icons</h2>