diff --git a/src/ocamlorg_frontend/css/partials/buttons.css b/src/ocamlorg_frontend/css/partials/buttons.css
index 2493964fd3..e4d27dd2c4 100644
--- a/src/ocamlorg_frontend/css/partials/buttons.css
+++ b/src/ocamlorg_frontend/css/partials/buttons.css
@@ -58,4 +58,18 @@
   .btn-ghost:active {
     @apply  text-white bg-primary_dark;
   }
+
+
+  /* TODO: remove when no longer in use */
+  .btn-legacy-tertiary {
+    @apply bg-transparent border border-white text-white;
+  }
+
+  .btn-legacy-tertiary:hover {
+    @apply bg-legacy-default dark:bg-legacy-dark-default bg-opacity-10 border-white;
+  }
+
+  .btn-legacy-tertiary:active {
+    @apply bg-legacy-default dark:bg-legacy-dark-default bg-opacity-20;
+  }
 }
\ No newline at end of file
diff --git a/src/ocamlorg_frontend/pages/academic_users.eml b/src/ocamlorg_frontend/pages/academic_users.eml
index a0fc563d2f..51dffbf290 100644
--- a/src/ocamlorg_frontend/pages/academic_users.eml
+++ b/src/ocamlorg_frontend/pages/academic_users.eml
@@ -113,7 +113,7 @@ Layout.render
         <h3 class="font-bold mb-6">Interested in Learning More?</h3>
         <div class="text-lg mb-8 lg:px-28">Go to our success stories for a more in-depth understanding of how our users use OCaml.</div>
         <div class="space-x-0 md:space-x-5 space-y-5 md:space-y-0">
-          <a class="btn btn-lg btn-tertiary" href="<%s Url.industrial_users %>">Success Stories</a>
+          <a class="btn btn-lg btn-legacy-tertiary" href="<%s Url.industrial_users %>">Success Stories</a>
         </div>
       </div>
     </div>
diff --git a/src/ocamlorg_frontend/pages/community.eml b/src/ocamlorg_frontend/pages/community.eml
index a1c00ee867..7d25c1b919 100644
--- a/src/ocamlorg_frontend/pages/community.eml
+++ b/src/ocamlorg_frontend/pages/community.eml
@@ -204,7 +204,7 @@ Layout.render
       <h3 class="font-bold mb-6">OCaml Jobs</h3>
       <div class="text-lg mb-8 lg:px-28">This is a space where groups, companies, and organisations can advertise their projects directly to the OCaml community.</div>
       <div class="space-x-0 md:space-x-5 space-y-5 md:space-y-0">
-        <a class="btn btn-lg btn-tertiary" href="<%s Url.jobs %>">
+        <a class="btn btn-lg btn-legacy-tertiary" href="<%s Url.jobs %>">
           <span>View OCaml Jobs</span>
           <%s! Icons.chevron_right "h-5 w-5" %>
         </a>
diff --git a/src/ocamlorg_frontend/pages/governance.eml b/src/ocamlorg_frontend/pages/governance.eml
index f4448f855d..8369b2594a 100644
--- a/src/ocamlorg_frontend/pages/governance.eml
+++ b/src/ocamlorg_frontend/pages/governance.eml
@@ -54,7 +54,7 @@ and what makes it unique." @@
       </div>
       <div class="grid grid-cols-1 md:grid-cols-2 gap-20 mt-16">
         <% teams |> List.iter (fun (team : Data.Governance.team) -> %>
-        <%s! render_team_card team "maintainers" "btn-tertiary" %>
+        <%s! render_team_card team "maintainers" "btn-legacy-tertiary" %>
         <% );%>
       </div>
     </div>
diff --git a/src/ocamlorg_frontend/pages/governance_team.eml b/src/ocamlorg_frontend/pages/governance_team.eml
index 8439ac5899..2b41f61476 100644
--- a/src/ocamlorg_frontend/pages/governance_team.eml
+++ b/src/ocamlorg_frontend/pages/governance_team.eml
@@ -45,7 +45,7 @@ let render_subteam (team : Data.Governance.team) =
     <% (if List.length team.contacts > 0 then %>
       <div class="flex gap-x-8">
       <% team.contacts |> List.iter (fun (contact : Data.Governance.contact) -> %>
-        <a class="btn btn-tertiary gap-1" href="<%s contact.link %>" target="_blank">
+        <a class="btn btn-legacy-tertiary gap-1" href="<%s contact.link %>" target="_blank">
           <%s! contact_icon contact.kind "w-6 h-6" %>
           <%s contact.name %>
         </a>
diff --git a/src/ocamlorg_frontend/pages/packages.eml b/src/ocamlorg_frontend/pages/packages.eml
index c8cab0a213..099399568a 100644
--- a/src/ocamlorg_frontend/pages/packages.eml
+++ b/src/ocamlorg_frontend/pages/packages.eml
@@ -195,7 +195,7 @@ in
             <div class="text-lg mb-8 lg:px-40">Learn how to publish your first Opam package today and make it available
                 to the rest of the community.</div>
             <div class="space-x-0 md:space-x-5 space-y-5 md:space-y-0">
-                <a href="https://opam.ocaml.org/doc/Packaging.html" class="btn btn-lg btn-tertiary">Learn More</a>
+                <a href="https://opam.ocaml.org/doc/Packaging.html" class="btn btn-lg btn-legacy-tertiary">Learn More</a>
             </div>
         </div>
     </div>