diff --git a/client/app/components/post-content.tsx b/client/app/components/post-content.tsx
index e6bf6e1..1706a3d 100644
--- a/client/app/components/post-content.tsx
+++ b/client/app/components/post-content.tsx
@@ -1,6 +1,5 @@
 import type { Media, Prisma } from "@prisma/client";
 import { Link } from "@remix-run/react";
-import clsx from "clsx";
 import React from "react";
 import type { Jsonify } from "type-fest";
 import { Avatar } from "./avatar";
@@ -53,10 +52,7 @@ function PostContent({ post }: Props) {
 						</div>
 					</header>
 
-					<Tags
-						className={clsx({ "mb-4": post.tags.length })}
-						tags={post.tags}
-					/>
+					<Tags className="mb-4" tags={post.tags} />
 
 					<div className="-mt-2">
 						<Content content={post.content} />
diff --git a/client/app/components/tags.tsx b/client/app/components/tags.tsx
index 311f2cc..26283f9 100644
--- a/client/app/components/tags.tsx
+++ b/client/app/components/tags.tsx
@@ -1,4 +1,4 @@
-import { Post } from "@prisma/client";
+import type { Post } from "@prisma/client";
 import clsx from "clsx";
 import React from "react";
 
@@ -17,7 +17,7 @@ function Tags({ className, tags }: Props) {
 		});
 	}, [tags]);
 
-	if (!tags.length) {
+	if (!parsedTags.length) {
 		return null;
 	}