From f6845d7de01b315eeaf06b3d9c008a0b7d81b853 Mon Sep 17 00:00:00 2001
From: Anna <komrakova.anna@gmail.com>
Date: Wed, 21 Jan 2026 21:51:10 +0000
Subject: [PATCH] teat(Blog): fix of hover on author, fix of the line

---
 frontend/components/blog/BlogCard.tsx    | 8 ++++++--
 frontend/components/blog/BlogFilters.tsx | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/components/blog/BlogCard.tsx b/frontend/components/blog/BlogCard.tsx
index 8b59043a..cb4b6785 100644
--- a/frontend/components/blog/BlogCard.tsx
+++ b/frontend/components/blog/BlogCard.tsx
@@ -94,7 +94,11 @@ export default function BlogCard({
             hover:underline
             group-hover:underline
             underline-offset-4
-            ${disableHoverColor ? '' : 'dark:group-hover:text-[var(--accent-primary)]'}
+            ${
+              disableHoverColor
+                ? ''
+                : 'hover:text-[var(--accent-primary)] group-hover:text-[var(--accent-primary)]'
+            }
           `}
           style={{ fontFamily: 'ui-rounded, system-ui, -apple-system' }}
         >
@@ -114,7 +118,7 @@ export default function BlogCard({
                 <button
                   type="button"
                   onClick={() => post.author && onAuthorSelect(post.author)}
-                  className="flex items-center gap-2 hover:text-[#ff00ff] hover:underline underline-offset-4 transition"
+                  className="flex items-center gap-2 hover:text-[var(--accent-primary)] hover:underline underline-offset-4 transition"
                 >
                   {post.author?.image && (
                     <span className="relative h-5 w-5 overflow-hidden rounded-full">
diff --git a/frontend/components/blog/BlogFilters.tsx b/frontend/components/blog/BlogFilters.tsx
index 36739ee5..0ce1d7e1 100644
--- a/frontend/components/blog/BlogFilters.tsx
+++ b/frontend/components/blog/BlogFilters.tsx
@@ -378,7 +378,7 @@ export default function BlogFilters({
 
       <div className="w-full">
         {!resolvedAuthor && allCategories.length > 0 && (
-          <div className="mt-5 flex w-full flex-nowrap justify-start gap-1 overflow-x-auto rounded-full border border-gray-200 bg-white p-1 dark:border-gray-700 dark:bg-gray-900 sm:flex-wrap sm:gap-3 sm:overflow-visible sm:rounded-none sm:border-0 sm:bg-transparent sm:p-0">
+          <div className="mt-5 flex w-full flex-nowrap justify-start gap-1 overflow-x-auto sm:flex-wrap sm:gap-3 sm:overflow-visible">
             <button
               type="button"
               onClick={() => setSelectedCategory(null)}