diff --git a/docusaurus/src/scss/__index.scss b/docusaurus/src/scss/__index.scss
index 7154513e28..92e664a50e 100644
--- a/docusaurus/src/scss/__index.scss
+++ b/docusaurus/src/scss/__index.scss
@@ -56,6 +56,7 @@
 @use 'sidebar.scss';
 @use 'table.scss';
 @use 'tabs.scss';
+@use 'tags.scss';
 @use 'table-of-contents.scss';
 @use 'tldr.scss';
 @use 'typography.scss';
diff --git a/docusaurus/src/scss/tags.scss b/docusaurus/src/scss/tags.scss
new file mode 100644
index 0000000000..2989ffd1a7
--- /dev/null
+++ b/docusaurus/src/scss/tags.scss
@@ -0,0 +1,20 @@
+/** Component: Doc footer tags */
+@use './mixins' as *;
+
+article a[class*="tag_"] {
+  --custom-tag-bg: var(--strapi-primary-100);
+  --docusaurus-tag-list-border: var(--custom-tag-bg);
+  background: var(--custom-tag-bg);
+  transition: border var(--ifm-transition-fast), background var(--ifm-transition-fast);
+}
+
+article a[class*="tag_"]:hover {
+  --custom-tag-bg: var(--strapi-primary-200);
+  --docusaurus-tag-list-border: var(--custom-tag-bg);
+}
+
+@include dark {
+  article a[class*="tag_"]:hover {
+    --custom-tag-bg: var(--strapi-neutral-150);
+  }
+}