diff --git a/src/pages/agents/AgentHeroAlt.tsx b/src/pages/agents/AgentHeroAlt.tsx
index 7abe8ca4..bb610c82 100644
--- a/src/pages/agents/AgentHeroAlt.tsx
+++ b/src/pages/agents/AgentHeroAlt.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { Button } from '@/components/Button'
-import { Eyebrow, H3 } from '@/components/Texts'
+import { Eyebrow, H3, P } from '@/components/Texts'
 
 export function AgentHeroAlt() {
   return (
@@ -18,10 +18,10 @@ export function AgentHeroAlt() {
             <H3 as="h1" className="mt-4">
               Private, Sovereign and Distributed AI You Control
             </H3>
-            <p className="mt-6 text-lg">
+            <P className="mt-6 text-gray-200">
               Mycelium Agents let you deploy and run intelligent systems on your own infrastructure.
 Private, local, and autonomous by design, they give you everything you need to build, host, and connect AI agents without relying on centralized clouds.
-            </p>
+            </P>
             
             <div className="mt-10 flex items-center gap-x-6">
               <Button href="#" variant="solid" color="cyan">