diff --git a/.changeset/flat-ai-assistant.md b/.changeset/flat-ai-assistant.md
new file mode 100644
index 00000000..7f4c1901
--- /dev/null
+++ b/.changeset/flat-ai-assistant.md
@@ -0,0 +1,5 @@
+---
+"@tanstack/create": patch
+---
+
+Keep the generated AI assistant demo panel inside the viewport.
diff --git a/packages/create/src/frameworks/react/add-ons/ai/assets/src/components/demo-AIAssistant.tsx b/packages/create/src/frameworks/react/add-ons/ai/assets/src/components/demo-AIAssistant.tsx
index 2bf342c6..c4ee7e6d 100644
--- a/packages/create/src/frameworks/react/add-ons/ai/assets/src/components/demo-AIAssistant.tsx
+++ b/packages/create/src/frameworks/react/add-ons/ai/assets/src/components/demo-AIAssistant.tsx
@@ -95,7 +95,7 @@ export default function AIAssistant() {
       </button>
 
       {isOpen && (
-        <div className="demo-panel absolute bottom-0 left-full ml-2 flex h-[600px] w-[700px] flex-col overflow-hidden p-0">
+        <div className="demo-panel fixed inset-x-4 top-20 z-[100] flex h-[calc(100vh-6rem)] max-h-[600px] flex-col overflow-hidden p-0 sm:left-auto sm:w-[min(calc(100vw-2rem),700px)]">
           <div className="flex items-center justify-between border-b border-[var(--line)] p-3">
             <h3 className="font-semibold text-[var(--sea-ink)]">
               AI Assistant