diff --git a/dist/common.js b/dist/common.js
index 796de41..de363a2 100644
--- a/dist/common.js
+++ b/dist/common.js
@@ -14,7 +14,7 @@ const $ = (...args) => {
 const $$ = document.querySelectorAll.bind(document)
 
 function initTemplate(template, data) {
-    const fragment = template.content.cloneNode(true)
+    const fragment = template.cloneNode(true)
     Object.keys(data).forEach(key => {
         const field = fragment.querySelector('.' + key)
         const value = data[key]
diff --git a/dist/runner.html b/dist/runner.html
index 7d4b0d2..259c9ae 100644
--- a/dist/runner.html
+++ b/dist/runner.html
@@ -41,24 +41,26 @@
 			<tbody></tbody>
 		</table>
 
-		<template>
-			<tr>
-				<td class="pipeline"><a target="_blank"></a></td>
-				<td class="name"><a target="_blank"></a></td>
-				<td class="created_at"></td>
-				<td class="status"></td>
-				<td class="project"><a target="_blank"></a></td>
-				<td class="runner"></td>
-				<td class="retry">retry</td>
-			</tr>
-		</template>
+		<div class="template">
+			<table>
+				<tr>
+					<td class="pipeline"><a target="_blank"></a></td>
+					<td class="name"><a target="_blank"></a></td>
+					<td class="created_at"></td>
+					<td class="status"></td>
+					<td class="project"><a target="_blank"></a></td>
+					<td class="runner"></td>
+					<td class="retry">retry</td>
+				</tr>
+			</table>
+		</div>
 
 		<script src="common.js"></script>
 		<script>
 			const runnerId = new URLSearchParams(window.location.search).get('id')
 			// $('h2').textContent = runnerId
 
-			const template = $('template')
+			const template = $('.template')
 			const table = $('tbody')
 
 			let notifications = true
diff --git a/dist/runners.html b/dist/runners.html
index a74f510..470c213 100644
--- a/dist/runners.html
+++ b/dist/runners.html
@@ -22,16 +22,18 @@
 		</table>
 		<a href="runner.html">Show all runners</a>
 
-		<template>
-			<tr>
-				<td class="id"></td>
-				<td class="desc"></td>
-			</tr>
-		</template>
+		<div class="template">
+			<table>
+				<tr>
+					<td class="id"></td>
+					<td class="desc"></td>
+				</tr>
+			</table>
+		</div>
 
 		<script src="common.js"></script>
 		<script>
-			const template = $('template')
+			const template = $('.template')
 			const table = $('tbody')
 
 			listRunners()
@@ -41,11 +43,11 @@
 							id: runner.id,
 							desc: runner.description
 						})
-						fragment.querySelector('tr').addEventListener('click', ev => {
-							console.log('cock')
+						const row = $(fragment, 'tr')
+						row.addEventListener('click', ev => {
 							document.location.href = 'runner.html?id=' + runner.id
 						})
-						table.appendChild(fragment)
+						table.appendChild(row)
 					})
 				})
 				.catch(err => {
diff --git a/dist/style.css b/dist/style.css
index e204561..95bf665 100644
--- a/dist/style.css
+++ b/dist/style.css
@@ -15,6 +15,11 @@ body {
 	justify-content: center;
 }
 
+/* workaround for https://github.com/tauri-apps/tauri/issues/4410 */
+div.template {
+	display: none;
+}
+
 table {
 	border: 1px solid #f0f0f0;
 }