diff --git a/app/modules/components/detail/header/detail-header.jade b/app/modules/components/detail/header/detail-header.jade
index 317065c0..842a09d7 100644
--- a/app/modules/components/detail/header/detail-header.jade
+++ b/app/modules/components/detail/header/detail-header.jade
@@ -75,7 +75,7 @@
     span(translate="ISSUES.EXTERNAL_REFERENCE")
     a(
         target="_blank"
-        ng-href="::vm.item.external_reference[1]"
+        ng-href="{{::vm.item.external_reference[1]}}"
         ng-title="{{'ISSUES.GO_TO_EXTERNAL_REFERENCE' | translate}}"
     )
         span {{ ::vm.item.external_reference[1] }}
diff --git a/app/modules/components/detail/header/detail-header.scss b/app/modules/components/detail/header/detail-header.scss
index 122e1cd3..09aa4e7c 100644
--- a/app/modules/components/detail/header/detail-header.scss
+++ b/app/modules/components/detail/header/detail-header.scss
@@ -25,13 +25,15 @@
     .item-origin-issue,
     .task-belongs-to,
     .belong-to-epics-wrapper,
-    .block-desc-container {
+    .block-desc-container,
+    .issue-external-reference {
         @include font-size(small);
         margin-top: .5rem;
     }
     .item-generated-us,
     .task-belongs-to,
-    .item-origin-issue {
+    .item-origin-issue,
+    .issue-external-reference {
         a {
             cursor: pointer;
             padding: 0 .2rem;