diff --git a/src/components/AIAnnouncement.tsx b/src/components/AIAnnouncement.tsx
index c5054b538..481e9cfcf 100644
--- a/src/components/AIAnnouncement.tsx
+++ b/src/components/AIAnnouncement.tsx
@@ -3,7 +3,7 @@ type AIAnnouncementProps = {};
 export function AIAnnouncement(props: AIAnnouncementProps) {
   return (
     <a
-      className="rounded-md border border-dashed border-green-600 px-3 py-1.5 text-green-400 transition-colors hover:border-green-400 hover:text-green-200"
+      className="rounded-md border border-dashed border-purple-600 px-3 py-1.5 text-purple-400 transition-colors hover:border-purple-400 hover:text-purple-200"
       href="/ai"
     >
       <span className="relative -top-[1px] mr-1 text-xs font-semibold uppercase text-white">
diff --git a/src/pages/ai/explore.astro b/src/pages/ai/explore.astro
index 8d8461f69..c501f613f 100644
--- a/src/pages/ai/explore.astro
+++ b/src/pages/ai/explore.astro
@@ -4,7 +4,7 @@ import { ExploreAIRoadmap } from '../../components/ExploreAIRoadmap/ExploreAIRoa
 import AccountLayout from '../../layouts/AccountLayout.astro';
 ---
 
-<AccountLayout title='Explore Roadmap AI'>
+<AccountLayout title='Explore AI Generated Roadmaps'>
   <ExploreAIRoadmap client:load />
   <LoginPopup />
 </AccountLayout>