From 0f457459cfff2db2beacea8460933c7d8db50e5a Mon Sep 17 00:00:00 2001
From: Avesh Hasanfattta <aveshhasanfattta@Aveshs-MacBook-Air.local>
Date: Mon, 7 Jul 2025 20:00:00 +0530
Subject: [PATCH] fix: prevent video cards from overlapping breadcrumb
 navigation

---
 src/components/ContentCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ContentCard.tsx b/src/components/ContentCard.tsx
index 6da7613ec..ee9a554c7 100644
--- a/src/components/ContentCard.tsx
+++ b/src/components/ContentCard.tsx
@@ -51,12 +51,12 @@ export const ContentCard = ({
             className={`group relative flex h-fit w-full max-w-md cursor-pointer flex-col gap-2 rounded-2xl transition-all duration-300 hover:-translate-y-2`}
           >
             {markAsCompleted && (
-              <div className="absolute right-2 top-2 z-10">
+              <div className="absolute right-2 top-2 z-[1]">
                 <CheckCircle2 color="green" size={30} fill="lightgreen" />
               </div>
             )}
             {type === 'video' && (
-              <div className="absolute bottom-12 right-2 z-10 rounded-md p-2 font-semibold text-white">
+              <div className="absolute bottom-12 right-2 z-[1] rounded-md p-2 font-semibold text-white">
                 <Play className="size-6" />
               </div>
             )}