diff --git a/webapp/src/html/testbed.html b/webapp/src/html/testbed.html
index 3736c2c..137a425 100644
--- a/webapp/src/html/testbed.html
+++ b/webapp/src/html/testbed.html
@@ -24,5 +24,8 @@
 				<input type="submit" value="Load"/>
 			</form>	
 		</div>
+		<!-- This is where all Agents go -->
+		<div id="agent-mount">
+		</div>
 	</body>
 </html>
diff --git a/webapp/src/ts/testbed.ts b/webapp/src/ts/testbed.ts
index 0629116..93b74ab 100644
--- a/webapp/src/ts/testbed.ts
+++ b/webapp/src/ts/testbed.ts
@@ -6,6 +6,8 @@ let w = window as any;
 w.agents = [];
 let input = document.getElementById("testbed-input") as HTMLInputElement;
 
+let mount = document.getElementById("agent-mount") as HTMLDivElement;
+
 input.addEventListener("change", async () => {
     let buffer = await input.files![0].arrayBuffer();
 
@@ -14,7 +16,7 @@ input.addEventListener("change", async () => {
 
     w.agents.push(agent);
 
-    agent.addToDom(document.body);
+    agent.addToDom(mount);
 
     agent.show();
     console.log("Agent created");
@@ -35,4 +37,4 @@ form.addEventListener('submit', e => {
         agent.show();
         console.log(`Loaded agent from ${url}`);
     });
-});
\ No newline at end of file
+});