From bc46af8986e8267f1ad0cc4b9e57c0fc598f9ef5 Mon Sep 17 00:00:00 2001
From: Jalish Buktawar <jalish.dev@gmail.com>
Date: Fri, 30 Aug 2024 15:00:26 +0530
Subject: [PATCH] made sidebar header sticky

---
 src/components/Sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 5024d1ae6..2fc6b68fa 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -155,7 +155,7 @@ export function Sidebar({
     <>
       {sidebarOpen && (
         <div className="no-scrollbar absolute z-20 m-4 h-full w-[300px] min-w-[300px] cursor-pointer self-start overflow-y-scroll scroll-smooth rounded-lg border bg-gray-50 dark:bg-[#020817] sm:sticky sm:top-[64px] sm:h-sidebar">
-          <div className="flex items-center justify-between border-b p-4">
+          <div className="flex items-center justify-between border-b p-4 sticky top-0 bg-background">
             <h4 className="text-lg dark:text-[#F8FAFC]">Course Content</h4>
             <div
               onClick={() => {