diff --git a/src/components/control/ButtonLink.astro b/src/components/control/ButtonLink.astro
index 603bec29..6977512f 100644
--- a/src/components/control/ButtonLink.astro
+++ b/src/components/control/ButtonLink.astro
@@ -33,7 +33,7 @@ const { badge, url, label } = Astro.props;
             { badge !== undefined && badge !== null && badge !== '' &&
                 <div class="transition px-2 h-7 ml-4 min-w-[2rem] rounded-lg text-sm font-bold
                     text-[var(--btn-content)] dark:text-[var(--deep-text)]
-                    bg-[oklch(0.95_0.025_var(--hue))] dark:bg-[var(--primary)]
+                    bg-[var(--btn-regular-bg)] dark:bg-[var(--primary)]
                     flex items-center justify-center">
                     { badge }
                 </div>