diff --git a/web/src/components/MemoContent/Tag.tsx b/web/src/components/MemoContent/Tag.tsx
index 1b132a48d..2e24f9756 100644
--- a/web/src/components/MemoContent/Tag.tsx
+++ b/web/src/components/MemoContent/Tag.tsx
@@ -45,10 +45,14 @@ const Tag = observer(({ content }: Props) => {
 
   return (
     <span
-      className={cn("inline-block w-auto text-primary", context.disableFilter ? "" : "cursor-pointer hover:text-primary/80")}
+      className={cn(
+        "inline-block w-auto px-1 py-px rounded-md text-sm font-medium bg-secondary text-secondary-foreground",
+        context.disableFilter ? "" : "cursor-pointer hover:opacity-80 transition-colors",
+      )}
       onClick={handleTagClick}
     >
-      #{content}
+      <span className="opacity-70 font-mono">#</span>
+      {content}
     </span>
   );
 });
diff --git a/web/src/components/MemoContent/index.tsx b/web/src/components/MemoContent/index.tsx
index 3213c9c5b..42f36dcb4 100644
--- a/web/src/components/MemoContent/index.tsx
+++ b/web/src/components/MemoContent/index.tsx
@@ -87,7 +87,7 @@ const MemoContent = observer((props: Props) => {
         <div
           ref={memoContentContainerRef}
           className={cn(
-            "relative w-full max-w-full break-words text-base leading-snug space-y-2 whitespace-pre-wrap",
+            "relative w-full max-w-full break-words text-base leading-6 space-y-1 whitespace-pre-wrap",
             showCompactMode == "ALL" && "line-clamp-6 max-h-60",
             contentClassName,
           )}