From da9a8f71fb333fc6be23c3d97448e9e433ca9f31 Mon Sep 17 00:00:00 2001
From: Macaulay Precious <preciousmacaulay001@gmail.com>
Date: Fri, 15 Nov 2024 16:36:01 +0000
Subject: [PATCH] Refactor AdvancedControls layout for improved responsiveness
 and sticky header functionality

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

diff --git a/src/components/PromptForm/AdvancedControls.tsx b/src/components/PromptForm/AdvancedControls.tsx
index c95126b..cb5a95e 100644
--- a/src/components/PromptForm/AdvancedControls.tsx
+++ b/src/components/PromptForm/AdvancedControls.tsx
@@ -79,8 +79,8 @@ export const AdvancedControls = () => {
                 className="rounded-t-lg md:rounded-tr-none md:rounded-tl-lg"
             />
 
-            <div className={`relative md:row-span-2 overflow-auto scrollbar bg-gray-50 px-4 rounded-bl-lg rounded-br-lg md:rounded-bl-none md:rounded-r-lg order-3 md:order-2`}>
-                <div className="flex justify-between items-center mb-[3px] py-2 sticky top-0 bg-gray-50 z-30">
+            <div className={`md:relative md:row-span-2 overflow-auto md:scrollbar bg-gray-50 px-4 rounded-bl-lg rounded-br-lg md:rounded-bl-none md:rounded-r-lg order-3 md:order-2`}>
+                <div className="flex justify-between items-center mb-[3px] py-2 md:sticky md:top-0 bg-gray-50 z-30">
                     <h2 className="text-sm font-medium text-gray-800">Advance Settings</h2>
                 </div>
                 <div className="space-y-[4px]">