diff --git a/examples/extension/background.cjs b/examples/extension/background.cjs
index f8e6373..9f0eb44 100644
--- a/examples/extension/background.cjs
+++ b/examples/extension/background.cjs
@@ -1 +1 @@
-chrome.sidePanel.setPanelBehavior({ openPanelOnActionClick: true })
\ No newline at end of file
+chrome.sidePanel.setPanelBehavior({ openPanelOnActionClick: true })
diff --git a/examples/extension/sidepanel.cjs b/examples/extension/sidepanel.cjs
index bed512c..dc807d8 100644
--- a/examples/extension/sidepanel.cjs
+++ b/examples/extension/sidepanel.cjs
@@ -1,5 +1,4 @@
 const ai = require('aibrow-extension').default
-window.__ai=ai
 
 const $model = document.getElementById('model')
 const $streaming = document.getElementById('streaming')
diff --git a/examples/playground/index.html b/examples/playground/index.html
index bbcba2f..c9cb96e 100644
--- a/examples/playground/index.html
+++ b/examples/playground/index.html
@@ -288,12 +288,14 @@
       </div>
     </div>
 
-    <div id="model-download-toast" class="toast align-items-center text-white bg-primary border-0" role="alert">
-      <div class="d-flex">
-        <div class="toast-body">
-          <div><span class='fw-bold'>Downloading model</span> <span data-render="model-name"></span></div>
-          <div class="progress mt-3" role="progressbar">
-            <div class="progress-bar" style="width: 0%" data-render="progress"></div>
+    <div class="position-fixed bottom-0 start-0 p-3" style="z-index: 11">
+      <div id="model-download-toast" class="toast hide align-items-center text-white bg-primary border-0" role="alert">
+        <div class="d-flex">
+          <div class="toast-body w-100">
+            <div><span class='fw-bold'>Downloading model</span> <span data-render="model-name"></span></div>
+            <div class="progress mt-3" role="progressbar">
+              <div class="progress-bar" style="width: 0%" data-render="progress"></div>
+            </div>
           </div>
         </div>
       </div>