From 6049e86538c46fd1bdba3a86c49e6079f38fb3e3 Mon Sep 17 00:00:00 2001
From: codewith-Ansh <anshh.ce@gmail.com>
Date: Tue, 26 May 2026 16:25:44 +0530
Subject: [PATCH] fix: resolve waitlist modal overlap with navbar

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

diff --git a/src/components/SummerOfAI.jsx b/src/components/SummerOfAI.jsx
index 2c7f300..8698376 100644
--- a/src/components/SummerOfAI.jsx
+++ b/src/components/SummerOfAI.jsx
@@ -97,8 +97,8 @@ export default function SummerOfAI() {
             Join the waitlist →
           </button>
           {btn && (
-            <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
-              <div className="bg-white p-3 rounded-2xl w-[90%] max-w-3xl relative">
+            <div className="fixed inset-x-0 bottom-0 top-16 bg-black bg-opacity-50 flex items-center justify-center z-50">
+              <div className="bg-white p-3 rounded-2xl w-[90%] max-w-3xl relative max-h-[90vh] overflow-y-auto">
                 <button
                   onClick={() => SetBtn(false)}
                   className="absolute top-2 right-3 text-xl"