diff --git a/x-pack/plugins/watcher/public/sections/watch_edit/components/watch_edit_detail/watch_edit_detail.html b/x-pack/plugins/watcher/public/sections/watch_edit/components/watch_edit_detail/watch_edit_detail.html
index 6f9263234513e..9e114ef004ba4 100644
--- a/x-pack/plugins/watcher/public/sections/watch_edit/components/watch_edit_detail/watch_edit_detail.html
+++ b/x-pack/plugins/watcher/public/sections/watch_edit/components/watch_edit_detail/watch_edit_detail.html
@@ -50,12 +50,22 @@
 </form>
 
 <div class="kuiFormSection">
-  <label
-    class="kuiFormLabel"
-    i18n-id="xpack.watcher.sections.watchEdit.detail.watchJSONLabel"
-    i18n-default-message="Watch JSON({syntax})"
-    i18n-values="{ syntax: '<a href=\'{{ watchEditDetail.documentationLinks.watcher.putWatchApi }}\' target=\'_blank\' rel=\'noopener noreferrer\' data-test-subj=\'lnkPutWatchApiDoc\'>' + watchEditDetail.syntaxLinkLabel + '</a>'}"
-  ></label>
+  <label class="kuiFormLabel">
+    <span
+      i18n-id="xpack.watcher.sections.watchEdit.detail.watchJSONLabel"
+      i18n-default-message="Watch JSON"
+    ></span>
+    (
+      <a
+        href="{{ watchEditDetail.documentationLinks.watcher.putWatchApi }}"
+        target="_blank"
+        rel="noopener noreferrer"
+        data-test-subj="lnkPutWatchApiDoc"
+        i18n-id="xpack.watcher.sections.watchEdit.detail.syntaxLinkLabel"
+        i18n-default-message="Syntax"
+      ></a>
+    )
+  </label>
   <json-editor
     json="watchEditDetail.watch.watch"
     on-change="watchEditDetail.onJsonChange"
diff --git a/x-pack/plugins/watcher/public/sections/watch_edit/components/watch_edit_detail/watch_edit_detail.js b/x-pack/plugins/watcher/public/sections/watch_edit/components/watch_edit_detail/watch_edit_detail.js
index 81c1bfe24e98e..50875982ef485 100644
--- a/x-pack/plugins/watcher/public/sections/watch_edit/components/watch_edit_detail/watch_edit_detail.js
+++ b/x-pack/plugins/watcher/public/sections/watch_edit/components/watch_edit_detail/watch_edit_detail.js
@@ -11,7 +11,7 @@ import { documentationLinks } from 'plugins/watcher/lib/documentation_links';
 
 const app = uiModules.get('xpack/watcher');
 
-app.directive('watchEditDetail', function (i18n) {
+app.directive('watchEditDetail', function () {
   return {
     restrict: 'E',
     template: template,
@@ -36,7 +36,7 @@ app.directive('watchEditDetail', function (i18n) {
         $scope.$watch('watchEditDetail.form.$valid', () => {
           this.updateIsValid();
         });
-        this.syntaxLinkLabel = i18n('xpack.watcher.sections.watchEdit.detail.syntaxLinkLabel', { defaultMessage: 'Syntax' });
+
         this.documentationLinks = documentationLinks;
       }