From 0a442493f12505e026923bedaecdd76f09548c5b Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 28 Mar 2025 19:54:54 +0000
Subject: [PATCH] Update sticky course banner

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

diff --git a/src/components/SQLCourse/CourseAnnouncement.tsx b/src/components/SQLCourse/CourseAnnouncement.tsx
index e63ab12f0..39329d9a6 100644
--- a/src/components/SQLCourse/CourseAnnouncement.tsx
+++ b/src/components/SQLCourse/CourseAnnouncement.tsx
@@ -6,7 +6,7 @@ export function CourseAnnouncement() {
   const [isVisible, setIsVisible] = useState(false);
 
   useEffect(() => {
-    const timer = setTimeout(() => setIsVisible(true), 1500);
+    const timer = setTimeout(() => setIsVisible(true), 1700);
     return () => clearTimeout(timer);
   }, []);
 
@@ -14,7 +14,7 @@ export function CourseAnnouncement() {
     <div
       className={cn(
         'sticky top-0 z-[91] h-0 overflow-hidden transition-[height] duration-300',
-        isVisible ? 'h-[36px]' : 'h-0',
+        isVisible ? 'sm:h-[36px] h-[30px]' : 'h-0',
       )}
     >
       <a href="/courses/sql" className="flex items-center bg-yellow-400 py-1.5">