diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 8ed137929..cbe407b24 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -120,7 +120,7 @@ const config: Config = {
           href: "https://www.ory.sh/contact/",
         },
         {
-          html: `<button class="footer__link-item" onClick="window.__showOryConsentDialog()">Consent Preferences</button>`,
+          html: `<button onClick="window.__showOryConsentDialog()">Consent Preferences</button>`,
         },
       ] satisfies Preset.ThemeConfig["footer"]["links"],
       logo: {
diff --git a/src/css/theme.css b/src/css/theme.css
index ad9cdee6d..13fcea911 100644
--- a/src/css/theme.css
+++ b/src/css/theme.css
@@ -147,3 +147,19 @@ svg[class*="iconExternalLink"] {
 .config-editor p {
   margin: unset;
 }
+
+.footer__link-item:hover {
+  color: unset;
+}
+.footer__link-item button {
+  background-color: transparent;
+  border: none;
+  color: inherit;
+  cursor: pointer;
+  font: inherit;
+  padding: 0;
+}
+
+.footer__link-item button:hover {
+  text-decoration: underline;
+}