diff --git a/frontend/src/app/(dashboard)/admin/contents/page.tsx b/frontend/src/app/(dashboard)/admin/contents/page.tsx
index d678d23..94b97af 100644
--- a/frontend/src/app/(dashboard)/admin/contents/page.tsx
+++ b/frontend/src/app/(dashboard)/admin/contents/page.tsx
@@ -98,7 +98,7 @@ export default function AdminContentsPage() {
 									<TableCell className="font-medium">
 										<div className="flex items-center gap-3">
 											<div className="flex h-10 w-10 items-center justify-center rounded bg-muted">
-												{content.type === "meme" ? (
+												{content.mimeType.startsWith("image/") ? (
 													<ImageIcon className="h-5 w-5 text-muted-foreground" />
 												) : (
 													<Video className="h-5 w-5 text-muted-foreground" />
diff --git a/frontend/src/components/content-card.tsx b/frontend/src/components/content-card.tsx
index d0f61d3..d04fa5e 100644
--- a/frontend/src/components/content-card.tsx
+++ b/frontend/src/components/content-card.tsx
@@ -71,6 +71,7 @@ export function ContentCard({ content }: ContentCardProps) {
 		}
 	};
 
+
 	return (
 		<Card className="overflow-hidden border-none shadow-sm hover:shadow-md transition-shadow">
 			<CardHeader className="p-4 flex flex-row items-center space-y-0 gap-3">
@@ -93,9 +94,9 @@ export function ContentCard({ content }: ContentCardProps) {
 					<MoreHorizontal className="h-4 w-4" />
 				</Button>
 			</CardHeader>
-			<CardContent className="p-0 relative bg-zinc-100 dark:bg-zinc-900 aspect-square flex items-center justify-center">
+			<CardContent className="p-0 relative bg-zinc-200 dark:bg-zinc-900 aspect-square flex items-center justify-center">
 				<Link href={`/meme/${content.slug}`} className="w-full h-full relative">
-					{content.type === "meme" ? (
+					{content.mimeType.startsWith("image/") ? (
 						<Image
 							src={content.url}
 							alt={content.title}