Update autofouc on roadmap generator

src/components/GenerateRoadmap/GenerateRoadmap.tsx

@@ -484,7 +484,6 @@ export function GenerateRoadmap() {
               >
                 <input
                   type="text"
-                  autoFocus
                   placeholder="e.g. Try searching for Ansible or DevOps"
                   className="flex-grow rounded-md border border-gray-400 px-3 py-2 transition-colors focus:border-black focus:outline-none"
                   value={roadmapTerm}

src/components/GenerateRoadmap/RoadmapSearch.tsx

@@ -41,7 +41,7 @@ export function RoadmapSearch(props: RoadmapSearchProps) {
   const randomTerms = ['OAuth', 'APIs', 'UX Design', 'gRPC'];
 
   return (
-    <div className="flex flex-grow flex-col items-center justify-center px-4 py-6 sm:px-6">
+    <div className="flex flex-grow flex-col items-center sm:justify-center px-4 py-6 sm:px-6">
       {isConfiguring && (
         <OpenAISettings
           onClose={() => {
@@ -159,7 +159,7 @@ export function RoadmapSearch(props: RoadmapSearchProps) {
             </button>
           )}
         </p>
-        <p className="-mt-[75px] sm:-mt-[45px] flex min-h-[46px] sm:min-h-[26px] items-center text-sm">
+        <p className="-mt-[75px] sm:-mt-[46px] flex min-h-[46px] sm:min-h-[26px] items-center text-sm">
           {limit > 0 && isLoggedIn() && !openAPIKey && (
             <button
               onClick={() => setIsConfiguring(true)}