scrolling on desktop left hand side fixed

pages/index.js

@@ -310,8 +310,8 @@ export default function Home() {
         />
 
         <div className="absolute inset-0 top-[57px] sm:top-[73px] overflow-y-auto overscroll-y-contain -webkit-overflow-scrolling-touch">
-          <div className={`flex flex-col md:flex-row gap-4 max-w-7xl mx-auto pb-20 ${!hasStartedGenerating ? 'justify-center' : ''} md:h-[calc(100vh-73px)] md:overflow-hidden`}>
-            <div className={`w-full md:w-6/12 py-4 md:py-12 px-3 ${!hasStartedGenerating ? 'md:max-w-2xl mx-auto' : ''}`}>
+          <div className={`flex flex-col md:flex-row gap-4 max-w-7xl mx-auto ${!hasStartedGenerating ? 'justify-center' : ''} md:h-[calc(100vh-73px)]`}>
+            <div className={`w-full md:w-6/12 py-4 md:py-12 px-3 ${!hasStartedGenerating ? 'md:max-w-2xl mx-auto' : ''} md:overflow-y-auto`}>
               <section className="flex flex-col bg-gray-100 rounded-2xl p-4">
                 <div
                   {...getRootProps()}