diff --git a/docs/docs.trychroma.com/app/api/search/route.ts b/docs/docs.trychroma.com/app/api/search/route.ts
index eb7556fa3d4..2952dda82a1 100644
--- a/docs/docs.trychroma.com/app/api/search/route.ts
+++ b/docs/docs.trychroma.com/app/api/search/route.ts
@@ -3,6 +3,21 @@ import { ChromaClient } from "chromadb";
 // @ts-ignore
 import { Collection } from "chromadb/src/Collection";
 
+const chromaClient = new ChromaClient({
+  path: "https://api.trychroma.com:8000",
+  auth: {
+    provider: "token",
+    credentials: process.env.CHROMA_CLOUD_API_KEY,
+    tokenHeaderType: "X_CHROMA_TOKEN",
+  },
+  tenant: process.env.CHROMA_CLOUD_TENANT,
+  database: "docs",
+});
+
+const collection: Collection = await chromaClient.getOrCreateCollection({
+  name: "docs-content",
+});
+
 export async function GET(request: Request) {
   try {
     const { searchParams } = new URL(request.url);
@@ -15,21 +30,6 @@ export async function GET(request: Request) {
       );
     }
 
-    const chromaClient = new ChromaClient({
-      path: "https://api.trychroma.com:8000",
-      auth: {
-        provider: "token",
-        credentials: process.env.CHROMA_CLOUD_API_KEY,
-        tokenHeaderType: "X_CHROMA_TOKEN",
-      },
-      tenant: process.env.CHROMA_CLOUD_TENANT,
-      database: "docs",
-    });
-
-    const collection: Collection = await chromaClient.getOrCreateCollection({
-      name: "docs-content",
-    });
-
     let results: {
       distance: number;
       title: string;
diff --git a/docs/docs.trychroma.com/components/header/search-docs.tsx b/docs/docs.trychroma.com/components/header/search-docs.tsx
index 527e675d282..605e58fc1d7 100644
--- a/docs/docs.trychroma.com/components/header/search-docs.tsx
+++ b/docs/docs.trychroma.com/components/header/search-docs.tsx
@@ -57,7 +57,13 @@ const SearchDocs: React.FC = () => {
   }, [query]);
 
   return (
-    <Dialog>
+    <Dialog
+      onOpenChange={(open) => {
+        if (!open) {
+          setQuery("");
+        }
+      }}
+    >
       <DialogTrigger asChild>
         <UIButton className="lex items-center gap-2 p-[0.35rem] px-3 text-xs">
           <MagnifyingGlassIcon className="w-4 h-4" />
@@ -132,10 +138,16 @@ const SearchDocs: React.FC = () => {
           )}
         </div>
         <div className="flex justify-end py-2 px-4 border-t border-black">
-          <div className="flex items-center gap-2">
-            <ChromaIcon className="h-7 w-7" />
-            <p className="text-xs font-semibold">Powered by Chroma Cloud</p>
-          </div>
+          <Link
+            href="https://airtable.com/appG6DhLoDUnTawwh/shrOAiDUtS2ILy5vZ"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <div className="flex items-center gap-2">
+              <ChromaIcon className="h-7 w-7" />
+              <p className="text-xs font-semibold">Powered by Chroma Cloud</p>
+            </div>
+          </Link>
         </div>
       </DialogContent>
     </Dialog>