From dc240fa5d370b0960c3d34eb5e3836e8f6db7355 Mon Sep 17 00:00:00 2001
From: Arik Chakma <arikchangma@gmail.com>
Date: Fri, 27 Jun 2025 02:32:15 +0600
Subject: [PATCH] wip

---
 src/components/SQLCourseVariant/ChapterRow.tsx     | 2 +-
 src/components/SQLCourseVariant/PurchaseBanner.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/SQLCourseVariant/ChapterRow.tsx b/src/components/SQLCourseVariant/ChapterRow.tsx
index aaa7b0c38..08e49309d 100644
--- a/src/components/SQLCourseVariant/ChapterRow.tsx
+++ b/src/components/SQLCourseVariant/ChapterRow.tsx
@@ -76,7 +76,7 @@ export function ChapterRow(props: ChapterRowProps) {
           </div>
 
           {isExpandable && (
-            <div className="shrink-0 rounded-full bg-zinc-800/80 p-2 text-zinc-400 group-hover:bg-zinc-800 group-hover:text-yellow-500">
+            <div className="shrink-0 rounded-full bg-zinc-800/80 p-2 text-zinc-400 group-hover:bg-zinc-800 group-hover:text-zinc-500">
               <ChevronDown
                 className={cn(
                   'h-4 w-4 transition-transform',
diff --git a/src/components/SQLCourseVariant/PurchaseBanner.tsx b/src/components/SQLCourseVariant/PurchaseBanner.tsx
index 1ac864793..f0a4315f7 100644
--- a/src/components/SQLCourseVariant/PurchaseBanner.tsx
+++ b/src/components/SQLCourseVariant/PurchaseBanner.tsx
@@ -6,7 +6,7 @@ import { Rating } from '../Rating/Rating';
 
 export function PurchaseBanner() {
   return (
-    <div className="mt-20 flex w-full items-center justify-between rounded-2xl bg-yellow-950 p-5 shadow-lg ring-1 ring-yellow-500/40">
+    <div className="sticky top-4 z-50 mt-20 flex w-full items-center justify-between rounded-2xl bg-yellow-950 p-5 shadow-lg ring-1 ring-yellow-500/40">
       <div className="flex flex-col gap-2">
         <span className="inline-flex items-center gap-1.5 text-yellow-500">
           <CheckIcon className="size-5 stroke-[2.5]" />