diff --git a/public/index.html b/public/index.html
index 3d470e8..a101fa4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -105,13 +105,13 @@
         </div>
         <div class="mx-auto max-w-7xl py-20 sm:py-14 lg:py-20">
           <div class="mx-auto max-w-4xl text-center">
-            <span class="inline-flex items-center gap-2 rounded-full border border-gray-200 bg-white px-4 py-2 text-sm font-semibold text-gray-700">
+            <span class="inline-flex max-w-full flex-wrap items-center justify-center gap-2 rounded-2xl border border-gray-200 bg-white px-3 py-3 text-sm font-semibold text-gray-700 sm:rounded-full sm:px-4 sm:py-2">
                 <span class="rounded-full bg-gray-100 px-2 py-0.5 text-gray-900">New</span>
-                AI Query Assistant
-                <span class="text-gray-400">·</span>
-                Dashboards
-                <span class="text-gray-400">·</span>
-                Team Access
+                <span class="text-gray-700">AI Query Assistant</span>
+                <span class="hidden text-gray-400 sm:inline">·</span>
+                <span class="rounded-full bg-slate-50 px-2 py-0.5 text-gray-700 sm:bg-transparent sm:px-0 sm:py-0">Dashboards</span>
+                <span class="hidden text-gray-400 sm:inline">·</span>
+                <span class="rounded-full bg-slate-50 px-2 py-0.5 text-gray-700 sm:bg-transparent sm:px-0 sm:py-0">Team Access</span>
             </span>
             <h1 class="mt-5 text-5xl font-semibold tracking-tight text-gray-900 sm:text-6xl lg:text-7xl">A Developer-First MongoDB GUI</h1>
             <p class="mt-5 text-xl leading-tight text-gray-700 sm:text-3xl sm:leading-tight">Browser-based, model-aware, and AI-assisted MongoDB interface for building and managing applications.</p>