diff --git a/apps/www/content/docs/media.mdx b/apps/www/content/docs/media.mdx
index 5838d45b16..989d9aeb86 100644
--- a/apps/www/content/docs/media.mdx
+++ b/apps/www/content/docs/media.mdx
@@ -129,9 +129,14 @@ There are two ways to implement file uploads in your editor:
 
 #### UploadThing
 
-1. Install [MediaPlaceholderElement](/docs/components/media-placeholder-element)
-2. Get your secret key from [UploadThing](https://uploadthing.com/dashboard/settings) for free
-3. Add your UploadThing secret key to `.env`:
+1. Add [MediaPlaceholderElement](/docs/components/media-placeholder-element) component
+
+2. Add API routes for UploadThing:
+
+<ComponentInstallation name="api-uploadthing" inline />
+
+3. Get your secret key from [UploadThing](https://uploadthing.com/dashboard/settings) for free
+4. Add your UploadThing secret key to `.env`:
 
 ```bash title=".env"
 UPLOADTHING_TOKEN=sk_live_xxx
diff --git a/apps/www/src/components/component-installation.tsx b/apps/www/src/components/component-installation.tsx
index e3f2e8f098..e68fc1209d 100644
--- a/apps/www/src/components/component-installation.tsx
+++ b/apps/www/src/components/component-installation.tsx
@@ -22,6 +22,7 @@ interface ComponentInstallationProps {
   dependencies?: string[];
   examples?: RegistryEntry[];
   files?: any[];
+  inline?: boolean;
   name?: string;
   usage?: string[];
 }
@@ -33,6 +34,7 @@ export function ComponentInstallation({
   __previewFiles__ = '[]',
   codeTabs,
   examples,
+  inline,
   name,
   usage,
   ...props
@@ -112,7 +114,7 @@ export function ComponentInstallation({
 
   return (
     <div className="my-4">
-      <H2>Installation</H2>
+      {!inline && <H2>Installation</H2>}
 
       <Tabs className="relative mt-6 w-full" defaultValue="cli">
         <TabsList className="w-full justify-start rounded-none border-b bg-transparent p-0">