From 1b6321f2bdd35de26ea2db5fb4994e2c6fa1a9ce Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Sun, 9 Mar 2025 11:39:14 +0800
Subject: [PATCH] refactor: update tag styling for improved visibility and
 consistency

---
 app/pages/news-detail/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/pages/news-detail/index.tsx b/app/pages/news-detail/index.tsx
index c0091bc..6afe7a2 100644
--- a/app/pages/news-detail/index.tsx
+++ b/app/pages/news-detail/index.tsx
@@ -62,11 +62,11 @@ export const NewsDetailPage = () => {
                 title={`${title}`}
               />
             </div>
-            <div className="flex flex-wrap items-end gap-2">
+            <div className="my-3 flex gap-2 uppercase max-sm:text-sm">
               {tags?.map((tag: TTagResponse) => (
                 <span
                   key={tag.id}
-                  className="rounded bg-gray-300 p-1"
+                  className="inline-block rounded bg-[#F4F4F4] px-3 py-1 font-bold text-[#777777]"
                 >
                   {tag.name}
                 </span>