diff --git a/lib/components/user/nav-login-button.tsx b/lib/components/user/nav-login-button.tsx
index d5890949f..078b2eb34 100644
--- a/lib/components/user/nav-login-button.tsx
+++ b/lib/components/user/nav-login-button.tsx
@@ -84,7 +84,7 @@ const NavLoginButton = ({
               if (link.url.startsWith('http')) {
                 return (
                   <li key={link.url}>
-                    <NavUnstyledLink as="a" href={link.url} target="_blank">
+                    <NavUnstyledLink href={link.url} target="_blank">
                       <FormattedMessage id="components.NavLoginButton.help" />
                       <NewWindowIconA11y
                         size={12}
diff --git a/lib/components/util/link.ts b/lib/components/util/link.ts
index 9f892221a..9797a4733 100644
--- a/lib/components/util/link.ts
+++ b/lib/components/util/link.ts
@@ -1,11 +1,11 @@
-import { ComponentType, HTMLAttributes } from 'react'
+import { AnchorHTMLAttributes, ComponentType } from 'react'
 import { connect } from 'react-redux'
 
 import { AppReduxState } from '../../util/state-types'
 import { combineQueryParams } from '../../util/api'
 import { isBlank } from '../../util/ui'
 
-interface OwnProps extends HTMLAttributes<HTMLAnchorElement> {
+interface OwnProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
   to?: string
   toParams?: Record<string, unknown>
   /** If true, an 'active' CSS class will be applied if the URL starts the same as the `to` prop. */