diff --git a/how-to/workspace-platform-starter/public/common/views/manager-portal/annual-leave/index.html b/how-to/workspace-platform-starter/public/common/views/manager-portal/annual-leave/index.html
index cd7a58848f..22906fc7ae 100644
--- a/how-to/workspace-platform-starter/public/common/views/manager-portal/annual-leave/index.html
+++ b/how-to/workspace-platform-starter/public/common/views/manager-portal/annual-leave/index.html
@@ -12,6 +12,7 @@
 			rel="stylesheet"
 		/>
 		<link rel="stylesheet" href="../common/style.css" />
+		<script src="https://built-on-openfin.github.io/web-starter/web/v18.0.0/web-client-api/js/shim.api.bundle.js"></script>
 		<script type="module" src="./index.js"></script>
 	</head>
 
diff --git a/how-to/workspace-platform-starter/public/common/views/manager-portal/my-team/index.js b/how-to/workspace-platform-starter/public/common/views/manager-portal/my-team/index.js
index 4a78cbdbb1..8d50660aca 100644
--- a/how-to/workspace-platform-starter/public/common/views/manager-portal/my-team/index.js
+++ b/how-to/workspace-platform-starter/public/common/views/manager-portal/my-team/index.js
@@ -52,7 +52,12 @@ async function initDom() {
 		memberNameElem.classList.add('team-member-name');
 		memberNameElem.textContent = teamMember.name;
 		memberNameElem.addEventListener('click', () => {
-			fin.System.openUrlWithBrowser(`mailto:${teamMember.email}`);
+			const address = `mailto:${teamMember.email}`;
+			if (window.fin.me.isBrowserEnvironment()) {
+				window.open(address);
+			} else {
+				fin.System.openUrlWithBrowser(address);
+			}
 		});
 
 		const memberRoleElem = document.createElement('div');