diff --git a/client/src/components/Toast.js b/client/src/components/Toast.js
index 07a672a5fb3..20a3e2d589b 100644
--- a/client/src/components/Toast.js
+++ b/client/src/components/Toast.js
@@ -1,9 +1,10 @@
 export default {
     methods: {
-        showToast(message, title, variant) {
+        showToast(message, title, variant, href) {
             this.$bvToast.toast(message, {
                 variant,
                 title,
+                href,
                 toaster: "b-toaster-bottom-right",
                 append: true,
                 solid: true,
diff --git a/client/src/composables/toast.ts b/client/src/composables/toast.ts
index 218563a704e..a3ec0a2f997 100644
--- a/client/src/composables/toast.ts
+++ b/client/src/composables/toast.ts
@@ -17,20 +17,20 @@ export const setToastComponentRef = (newRef: typeof toastRef) => {
  * Use 'useToast' for the Composition Api instead.
  */
 export const Toast = {
-    success(message: string, title = "Success") {
-        toastRef.value?.showToast(message, title, "success");
+    success(message: string, title = "Success", href = "") {
+        toastRef.value?.showToast(message, title, "success", href);
     },
 
-    info(message: string, title = "Info") {
-        toastRef.value?.showToast(message, title, "info");
+    info(message: string, title = "Info", href = "") {
+        toastRef.value?.showToast(message, title, "info", href);
     },
 
-    warning(message: string, title = "Warning") {
-        toastRef.value?.showToast(message, title, "warning");
+    warning(message: string, title = "Warning", href = "") {
+        toastRef.value?.showToast(message, title, "warning", href);
     },
 
-    error(message: string, title = "Error") {
-        toastRef.value?.showToast(message, title, "danger");
+    error(message: string, title = "Error", href = "") {
+        toastRef.value?.showToast(message, title, "danger", href);
     },
 };