diff --git a/packages/web/src/js/__tests__/Toast.test.ts b/packages/web/src/js/__tests__/Toast.test.ts
index 708314a4a2..619895013e 100644
--- a/packages/web/src/js/__tests__/Toast.test.ts
+++ b/packages/web/src/js/__tests__/Toast.test.ts
@@ -6,13 +6,13 @@ const testId = 'toast-test';
 
 const toastHtmlClosed = `
   <div id="${testId}" class="ToastBar ToastBar--success ToastBar--dismissible is-hidden">
-    <button type="button" data-spirit-target="#toast-test" aria-expanded="false">Close</button>
+    <button type="button" data-spirit-target="#${testId}" aria-expanded="false">Close</button>
   </div>
 `;
 
 const toastHtmlOpened = `
-  <div id="toast-test" class="ToastBar ToastBar--success ToastBar--dismissible is-open">
-    <button type="button" data-spirit-target="#toast-test" aria-expanded="true">Close</button>
+  <div id="${testId}" class="ToastBar ToastBar--success ToastBar--dismissible is-open">
+    <button type="button" data-spirit-target="#${testId}" aria-expanded="true">Close</button>
   </div>
 `;