From 18db62748c28c324a6a2fc17cfad39206ba992f8 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Mon, 11 Mar 2024 12:28:10 +0000
Subject: [PATCH] Update autofouc on roadmap generator

---
 src/components/GenerateRoadmap/GenerateRoadmap.tsx | 1 -
 src/components/GenerateRoadmap/RoadmapSearch.tsx   | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/GenerateRoadmap/GenerateRoadmap.tsx b/src/components/GenerateRoadmap/GenerateRoadmap.tsx
index 1f273ead9..174e8c3b5 100644
--- a/src/components/GenerateRoadmap/GenerateRoadmap.tsx
+++ b/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}
diff --git a/src/components/GenerateRoadmap/RoadmapSearch.tsx b/src/components/GenerateRoadmap/RoadmapSearch.tsx
index b9ddafe72..1797608c5 100644
--- a/src/components/GenerateRoadmap/RoadmapSearch.tsx
+++ b/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)}