diff --git a/server/src/public/page.html b/server/src/public/page.html
index ffcd41c3a5..472e756a88 100644
--- a/server/src/public/page.html
+++ b/server/src/public/page.html
@@ -4,7 +4,7 @@
     <link rel="stylesheet" href="/static/output.css" />
     <link
       rel="stylesheet"
-      href="https://unpkg.com/trieve-search-component@0.2.30/dist/index.css"
+      href="https://search-component.trieve.ai/dist/index.css"
     />
     <link
       rel="apple-touch-icon"
@@ -291,7 +291,7 @@
     </style>
 
     <script type="module">
-      import {renderToDiv} from 'https://unpkg.com/trieve-search-component@0.2.30/dist/vanilla/index.js';
+      import {renderToDiv} from 'https://search-component.trieve.ai/dist/vanilla/index.js';
       const root = document.getElementById('root');
       renderToDiv(root, {
         ... {{params | tojson}}
diff --git a/server/src/public/search-component-code.html b/server/src/public/search-component-code.html
index b0b6c9c40d..092a890c5e 100644
--- a/server/src/public/search-component-code.html
+++ b/server/src/public/search-component-code.html
@@ -2,13 +2,16 @@
 <code class="language-javascript">
 &lt;link
   rel="stylesheet"
-  href="https://unpkg.com/trieve-search-component@0.2.29/dist/index.css"
+  href="https://search-component.trieve.ai/dist/index.css"
 /&gt;
 
 &lt;script type="module"&gt;
-  import {renderToDiv} from 'https://unpkg.com/trieve-search-component@0.2.29/dist/vanilla/index.js';
+  import {renderToDiv} from 'https://search-component.trieve.ai/dist/vanilla/index.js';
   window.addEventListener('load', () => {
-    const root = document.getElementById('root');
+    const root = document.createElement('div');
+    root.classList.add('trigger');
+    document.body.appendChild(root);
+
     renderToDiv(root, {
       {% if params.apiKey -%}
       apiKey: "{{ params.apiKey }}",