diff --git a/docs/content/docs/index.mdx b/docs/content/docs/index.mdx
index 5e87205a..71371cf8 100644
--- a/docs/content/docs/index.mdx
+++ b/docs/content/docs/index.mdx
@@ -16,8 +16,8 @@ import { Monitor, Code, BookOpen, Zap, Bot, Boxes, Rocket } from 'lucide-react';
     className="w-full h-full object-cover hidden dark:block rounded-xl"
   />
   <div className="absolute inset-0 flex items-center justify-center p-4">
-    <div className="bg-black/50 backdrop-blur-sm rounded-lg px-4 py-2">
-      <span className="text-white text-lg font-medium">Build AI agents that see, understand, and control any computer</span>
+    <div className="bg-black/50 backdrop-blur-sm rounded-lg px-4 py-2 flex items-center justify-center">
+      <span className="text-white text-lg font-medium leading-none">Build AI agents that see, understand, and control any computer</span>
     </div>
   </div>
 </div>