From c9703c8589b2102a11ea86cce8e76bb4b6b66696 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Mon, 11 Mar 2024 12:12:06 +0000
Subject: [PATCH] Fix flicker on AI page

---
 src/components/GenerateRoadmap/RoadmapSearch.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/GenerateRoadmap/RoadmapSearch.tsx b/src/components/GenerateRoadmap/RoadmapSearch.tsx
index 6e85b43ba..b9ddafe72 100644
--- a/src/components/GenerateRoadmap/RoadmapSearch.tsx
+++ b/src/components/GenerateRoadmap/RoadmapSearch.tsx
@@ -130,7 +130,7 @@ export function RoadmapSearch(props: RoadmapSearchProps) {
         </div>
       </div>
       <div className="mt-12 flex flex-col items-center gap-4">
-        <p className="text-gray-500">
+        <p className="text-gray-500 text-center">
           You have generated{' '}
           <span
             className={cn(
@@ -145,7 +145,7 @@ export function RoadmapSearch(props: RoadmapSearchProps) {
           </span>{' '}
           roadmaps.
         </p>
-        <p className="flex min-h-[26px] items-center text-sm">
+        <p className="flex min-h-[46px] sm:min-h-[26px] items-center text-sm">
           {limit > 0 && !isLoggedIn() && (
             <button
               onClick={showLoginPopup}
@@ -159,7 +159,7 @@ export function RoadmapSearch(props: RoadmapSearchProps) {
             </button>
           )}
         </p>
-        <p className="-mt-[45px] flex min-h-[26px] items-center text-sm">
+        <p className="-mt-[75px] sm:-mt-[45px] flex min-h-[46px] sm:min-h-[26px] items-center text-sm">
           {limit > 0 && isLoggedIn() && !openAPIKey && (
             <button
               onClick={() => setIsConfiguring(true)}