From 871d43c29513d88e475dca1ff7478faf30990c3e Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sun, 4 May 2025 13:04:59 +0100
Subject: [PATCH] Fix CSS issues on AI tutor

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

diff --git a/src/components/AITutor/AITutorLayout.tsx b/src/components/AITutor/AITutorLayout.tsx
index b50849495..068956cfe 100644
--- a/src/components/AITutor/AITutorLayout.tsx
+++ b/src/components/AITutor/AITutorLayout.tsx
@@ -15,7 +15,7 @@ export function AITutorLayout(props: AITutorLayoutProps) {
 
   return (
     <>
-      <div className="flex flex-row items-center justify-between border-b border-slate-200 px-4 py-3 lg:hidden">
+      <div className="flex flex-row items-center justify-between border-b border-slate-200 px-4 py-3 lg:hidden sticky top-0 bg-white z-10">
         <a href="/" className="flex flex-row items-center gap-1.5">
           <RoadmapLogoIcon className="size-6 text-gray-500" color="black" />
         </a>
@@ -27,7 +27,7 @@ export function AITutorLayout(props: AITutorLayoutProps) {
         </button>
       </div>
 
-      <div className="flex flex-grow flex-row">
+      <div className="flex flex-grow lg:h-screen flex-row">
         <AITutorSidebar
           onClose={() => setIsSidebarFloating(false)}
           isFloating={isSidebarFloating}