diff --git a/components/project-card.tsx b/components/project-card.tsx
index c3ae90cb..17184149 100644
--- a/components/project-card.tsx
+++ b/components/project-card.tsx
@@ -45,14 +45,14 @@ export function ProjectCard({
   return (
     <Link
       href={href || "#"}
-      className={cn("block cursor-pointer font-normal cards", className)}
-    >
+      className={cn(
+        "block cursor-pointer font-normal cards rounded-xl",
+        className
+      )}>
       <Card
         className={
           "group flex flex-col overflow-hidden h-75 gap-2 py-3 border"
-        }
-      >
-
+        }>
         {video && (
           <video
             src={video}
@@ -77,18 +77,17 @@ export function ProjectCard({
           <div className="space-y-1">
             <CardTitle className="mt-1 text-base flex items-center">
               <span className="truncate max-w-65">{title}</span>
-              <ChevronRightIcon
-                className="size-4 shrink-0 translate-x-0 transform opacity-0 transition-all duration-300 ease-out group-hover:translate-x-1 group-hover:opacity-100"
-              />
+              <ChevronRightIcon className="size-4 shrink-0 translate-x-0 transform opacity-0 transition-all duration-300 ease-out group-hover:translate-x-1 group-hover:opacity-100" />
             </CardTitle>
             <time className="font-sans text-xs">{dates}</time>
             <div className="hidden font-sans text-xs underline print:visible">
-              {link?.replace("https://", "").replace("www.", "").replace("/", "")}
+              {link
+                ?.replace("https://", "")
+                .replace("www.", "")
+                .replace("/", "")}
             </div>
             <div className="prose max-w-full text-pretty font-sans text-xs text-muted-foreground dark:prose-invert">
-              <Markdown>
-                {description}
-              </Markdown>
+              <Markdown>{description}</Markdown>
             </div>
           </div>
         </CardHeader>