diff --git a/app/blog/[slug]/page.tsx b/app/blog/[slug]/page.tsx
index 644cdf7..541bb50 100644
--- a/app/blog/[slug]/page.tsx
+++ b/app/blog/[slug]/page.tsx
@@ -61,7 +61,7 @@ export default function BlogPostPage({ params }: Props) {
                     href={`/tags/${encodeURIComponent(
                       t.toLowerCase().replace(/\s+/g, '-')
                     )}`}
-                    className="rounded-full bg-accent-soft px-2 py-0.5 text-xs text-accent-textLight transition hover:bg-accent dark:text-accent-textDark"
+                    className="rounded-full bg-accent-soft px-2 py-0.5 text-xs text-accent-textLight transition hover:bg-accent hover:text-white dark:bg-slate-800 dark:text-slate-100 dark:hover:bg-slate-700"
                   >
                     #{t}
                   </Link>
diff --git a/app/pages/[slug]/page.tsx b/app/pages/[slug]/page.tsx
index e6de994..e2b63ab 100644
--- a/app/pages/[slug]/page.tsx
+++ b/app/pages/[slug]/page.tsx
@@ -61,7 +61,7 @@ export default function StaticPage({ params }: Props) {
                     href={`/tags/${encodeURIComponent(
                       t.toLowerCase().replace(/\s+/g, '-')
                     )}`}
-                    className="rounded-full bg-accent-soft px-2 py-0.5 text-xs text-accent-textLight transition hover:bg-accent dark:text-accent-textDark"
+                    className="rounded-full bg-accent-soft px-2 py-0.5 text-xs text-accent-textLight transition hover:bg-accent hover:text-white dark:bg-slate-800 dark:text-slate-100 dark:hover:bg-slate-700"
                   >
                     #{t}
                   </Link>
diff --git a/components/post-list-item.tsx b/components/post-list-item.tsx
index 6ee55c1..f1187e7 100644
--- a/components/post-list-item.tsx
+++ b/components/post-list-item.tsx
@@ -47,7 +47,7 @@ export function PostListItem({ post }: Props) {
                   href={`/tags/${encodeURIComponent(
                     t.toLowerCase().replace(/\s+/g, '-')
                   )}`}
-                  className="rounded-full bg-accent-soft px-2 py-0.5 text-[11px] text-accent-textLight transition hover:bg-accent dark:text-accent-textDark"
+                  className="rounded-full bg-accent-soft px-2 py-0.5 text-[11px] text-accent-textLight transition hover:bg-accent hover:text-white dark:bg-slate-800 dark:text-slate-100 dark:hover:bg-slate-700"
                 >
                   #{t}
                 </Link>