diff --git a/src/js/tabler.js b/src/js/tabler.js
index f221ae301..fe8e52a4b 100644
--- a/src/js/tabler.js
+++ b/src/js/tabler.js
@@ -44,4 +44,9 @@ import './dropdown';
 		});
 	});
 
+	let toastsTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="toast"]'));
+	toastsTriggerList.map(function (toastTriggerEl) {
+		return new bootstrap.Toast(toastTriggerEl);
+	});
+
 })();
diff --git a/src/pages/_includes/ui/toast.html b/src/pages/_includes/ui/toast.html
index ba1904696..cec8a2764 100644
--- a/src/pages/_includes/ui/toast.html
+++ b/src/pages/_includes/ui/toast.html
@@ -1,6 +1,6 @@
 {% assign person-id = include.person-id | default: 2 %}
 {% assign person = site.data.people[person-id] %}
-<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-bs-toggle="toast">
+<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="false" data-bs-toggle="toast">
 	{% unless include.hide-header %}
 	<div class="toast-header">
 		{% include ui/avatar.html person=person class="me-2" size="xs" %}