From dc903d95ed3c215aed92b1120a7d1c40e5279d45 Mon Sep 17 00:00:00 2001
From: CodeWithEugene <eugenegabriel.ke@gmail.com>
Date: Mon, 28 Sep 2026 16:48:46 +0300
Subject: [PATCH] style(events): square the corners of the listing hero cover
 cards

The scrolling cover wall on /hackathons now uses square-cornered
cards, and the loading skeleton matches them.
---
 app/(marketing)/hackathons/loading.tsx | 2 +-
 app/globals.css                        | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/(marketing)/hackathons/loading.tsx b/app/(marketing)/hackathons/loading.tsx
index 614b193..1fce222 100644
--- a/app/(marketing)/hackathons/loading.tsx
+++ b/app/(marketing)/hackathons/loading.tsx
@@ -19,7 +19,7 @@ export default function Loading() {
             <div className="hk-wall" aria-hidden="true">
               {[0, 1, 2].map((column) => (
                 <div key={column} className={`hk-wall-col hk-wall-col-${column}`}>
-                  <Skeleton className="aspect-[3/4] w-full rounded-card" />
+                  <Skeleton className="aspect-[4/5] w-full rounded-none" />
                 </div>
               ))}
             </div>
diff --git a/app/globals.css b/app/globals.css
index e11d5ce..58b15e0 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -2700,7 +2700,8 @@
     flex-shrink: 0;
     aspect-ratio: 4 / 5;
     overflow: hidden;
-    border-radius: var(--radius-card);
+    /* Square corners: the wall reads as one continuous grid of covers. */
+    border-radius: 0;
     box-shadow: 0 18px 40px -18px rgb(0 0 70 / 0.45);
     isolation: isolate;
   }