diff --git a/ui/app/components/app/permission-page-container/permission-page-container-content/permission-page-container-content.component.js b/ui/app/components/app/permission-page-container/permission-page-container-content/permission-page-container-content.component.js
index 030bca896..c15e93a87 100644
--- a/ui/app/components/app/permission-page-container/permission-page-container-content/permission-page-container-content.component.js
+++ b/ui/app/components/app/permission-page-container/permission-page-container-content/permission-page-container-content.component.js
@@ -133,7 +133,7 @@ export default class PermissionPageContainerContent extends PureComponent {
         <div className="permission-approval-container__content-container">
           <PermissionsConnectHeader
             icon={domainMetadata.icon}
-            iconName={domainMetadata.origin}
+            iconName={domainMetadata.name}
             headerTitle={title}
             headerText={ domainMetadata.extensionId
               ? t('allowExternalExtensionTo', [domainMetadata.extensionId])
diff --git a/ui/app/pages/permissions-connect/choose-account/choose-account.component.js b/ui/app/pages/permissions-connect/choose-account/choose-account.component.js
index c0c52962e..720fd0bb0 100644
--- a/ui/app/pages/permissions-connect/choose-account/choose-account.component.js
+++ b/ui/app/pages/permissions-connect/choose-account/choose-account.component.js
@@ -191,7 +191,7 @@ export default class ChooseAccount extends Component {
       <div className="permissions-connect-choose-account">
         <PermissionsConnectHeader
           icon={targetDomainMetadata.icon}
-          iconName={targetDomainMetadata.origin}
+          iconName={targetDomainMetadata.name}
           headerTitle={t('connectWithMetaMask')}
           headerText={accounts.length > 0
             ? t('selectAccounts')
diff --git a/ui/app/selectors/selectors.js b/ui/app/selectors/selectors.js
index 98364404e..87f4ef64b 100644
--- a/ui/app/selectors/selectors.js
+++ b/ui/app/selectors/selectors.js
@@ -292,7 +292,8 @@ export function getTargetDomainMetadata (state, request, defaultOrigin) {
 
   const { metadata: requestMetadata = {} } = request || {}
   const origin = requestMetadata.origin || defaultOrigin
-  const targetDomainMetadata = (domainMetadata[origin] || { name: origin, icon: null })
+  const hostname = (new URL(origin).hostname)
+  const targetDomainMetadata = (domainMetadata[origin] || { name: hostname, icon: null })
   targetDomainMetadata.origin = origin
 
   return targetDomainMetadata