diff --git a/html/template/sync/layout/authenticated.html b/html/template/sync/layout/authenticated.html
index 1490413e..f66ab82a 100644
--- a/html/template/sync/layout/authenticated.html
+++ b/html/template/sync/layout/authenticated.html
@@ -92,7 +92,6 @@
 			{{ template "content" . }}
 		</div>
 		<div id="flogo"></div>
-		<script src="/static/vendor/bootstrap-5.3.8/bootstrap.bundle.min.js"></script>
 		<script>
 			document.getElementById("sidebarToggle").addEventListener("click", () => {
 				const sidebar = document.getElementById("sidebar");
diff --git a/ts/main.ts b/ts/main.ts
index 7216c5de..23e7534c 100644
--- a/ts/main.ts
+++ b/ts/main.ts
@@ -1,8 +1,12 @@
 import Alpine from './vendor/alpinejs-3.15.8.js';
+import bootstrap from '../static/vendor/bootstrap-5.3.8/bootstrap.bundle.min.js'
 
 // Make Alpine available on window for inline Alpine
 window.Alpine = Alpine;
 
+// Make bootstrap available on window for various scripts
+window.bootstrap = bootstrap;
+
 // Wait for DOM to be ready, then initialize Alpine
 document.addEventListener("DOMContentLoaded", () => {
 	Alpine.start();