diff --git a/site/assets/scss/_content.scss b/site/assets/scss/_content.scss
index 3dd380ef70..e79108fc69 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 e6cfb4724c..48f77f4704 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>