diff --git a/docs/_includes/base.njk b/docs/_includes/base.njk
index 24d3c80cc..987d6e35f 100644
--- a/docs/_includes/base.njk
+++ b/docs/_includes/base.njk
@@ -98,7 +98,7 @@
             <span class="only-mobile">{% include "logo-simple.njk" %}</span>
           </a>
           <small id="version-number" class="only-desktop">{{ package.version }}</small>
-          <wa-badge variant="warning" class="only-desktop">Alpha</wa-badge>
+          <wa-badge variant="warning" appearance="tinted" class="only-desktop">Alpha</wa-badge>
         </div>
 
         <div id="docs-toolbar">
diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index 2eb6967ea..13adb0761 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -76,8 +76,6 @@ wa-page > header {
     margin-block-start: var(--wa-space-2xs);
   }
   #version-number + wa-badge {
-    --background-color: var(--wa-color-warning-fill-quiet);
-    --text-color: var(--wa-color-warning-on-quiet);
     font-size: var(--wa-font-size-2xs);
     text-transform: uppercase;
   }