diff --git a/web/app/js/components/CallToAction.jsx b/web/app/js/components/CallToAction.jsx
index 1af8b52c8593a..fe8b6e0282e52 100644
--- a/web/app/js/components/CallToAction.jsx
+++ b/web/app/js/components/CallToAction.jsx
@@ -20,7 +20,7 @@ function getSteps(numResources, resource) {
   return [
     { label: <Trans id="controllerInstalledMsg" />, key: 'installedMsg' },
     { label: <Plural value={numResources} zero={resource} one={resource} other={resource} />, key: 'resourceMsg' },
-    { label: <Trans id="connectResourceMsg {resource}" />, content: incompleteMeshMessage(), key: 'connectMsg' },
+    { label: <Trans id="connectResourceMsg {resource}" values={{ resource }} />, content: incompleteMeshMessage(), key: 'connectMsg' },
   ];
 }
 
diff --git a/web/app/js/components/EdgesTable.jsx b/web/app/js/components/EdgesTable.jsx
index fcd5654b96f6c..d2edd19849444 100644
--- a/web/app/js/components/EdgesTable.jsx
+++ b/web/app/js/components/EdgesTable.jsx
@@ -89,7 +89,7 @@ const generateEdgesTableTitle = edges => {
     let identity = edges[0].direction === 'INBOUND' ? edges[0].serverId : edges[0].clientId;
     if (identity) {
       identity = `${identity.split('.')[0]}.${identity.split('.')[1]}`;
-      title = <Trans id="tableTitleEdgesWithIdentity {identity}" />;
+      title = <Trans id="tableTitleEdgesWithIdentity {identity}" values={{ identity }} />;
     }
   }
   return title;