Broken link https://www.gov.uk/family-permit

Why do I have this strange highlighting? 
This is because of our FAQ functionality, where we highlight search terms.

What's the problem?
Both these links work in preview mode - they go to the intended url: https://www.gov.uk/family-permit
However, in live, the second one goes to https://www.gov.uk.

What appears to be the underlying cause?
The original html for the broken link is:

           <a href=\"https://www.gov.uk/family-permit\" target=\"_blank\">
                 <u>https://www.gov.uk/<span style=\"background-color:#FDCB2E\">family-permit</span></u>
           </a>


By looking at 'view-source' in live, it appears that things are added, including an auto-recognition link which is wrapped around the second link and which is the culprit.

           <a href="https://www.gov.uk/family-permit" target="_blank">
                <u><a data-auto-recognition="true" href="https://www.gov.uk/" target="_blank">https://www.gov.uk/</a>
                            
<span style="background-color:#FDCB2E">family-permit</span></u>
           </a>



How do I prevent this from happening?