diff --git a/src/containers/ListingPage/ListingPage.css b/src/containers/ListingPage/ListingPage.css
index 3e386880..7f05abdc 100644
--- a/src/containers/ListingPage/ListingPage.css
+++ b/src/containers/ListingPage/ListingPage.css
@@ -318,6 +318,10 @@
   }
 }
 
+.authorNameLink {
+  color: var(--matterColor);
+}
+
 .descriptionContainer {
   padding: 0 24px;
   margin-bottom: 35px;
diff --git a/src/containers/ListingPage/ListingPage.js b/src/containers/ListingPage/ListingPage.js
index 1a2c9557..bf73435b 100644
--- a/src/containers/ListingPage/ListingPage.js
+++ b/src/containers/ListingPage/ListingPage.js
@@ -364,6 +364,17 @@ export class ListingPageComponent extends Component {
       { title, price: formattedPrice, siteTitle }
     );
 
+    const hostLink = (
+      <NamedLink
+        className={css.authorNameLink}
+        name="ListingPage"
+        params={params}
+        to={{ hash: '#host' }}
+      >
+        {currentAuthorDisplayName}
+      </NamedLink>
+    );
+
     return (
       <Page
         title={schemaTitle}
@@ -417,8 +428,20 @@ export class ListingPageComponent extends Component {
 
               <div className={css.contentContainer}>
                 <div className={css.avatarWrapper}>
-                  <AvatarLarge user={currentAuthor} className={css.avatarDesktop} />
-                  <AvatarMedium user={currentAuthor} className={css.avatarMobile} />
+                  <NamedLink name="ListingPage" params={params} to={{ hash: '#host' }}>
+                    <AvatarLarge
+                      user={currentAuthor}
+                      className={css.avatarDesktop}
+                      disableProfileLink
+                    />
+                  </NamedLink>
+                  <NamedLink name="ListingPage" params={params} to={{ hash: '#host' }}>
+                    <AvatarMedium
+                      user={currentAuthor}
+                      className={css.avatarMobile}
+                      disableProfileLink
+                    />
+                  </NamedLink>
                 </div>
 
                 <div className={css.mainContent}>
@@ -434,12 +457,7 @@ export class ListingPageComponent extends Component {
                     <div className={css.heading}>
                       <h1 className={css.title}>{title}</h1>
                       <div className={css.author}>
-                        <span className={css.authorName}>
-                          <FormattedMessage
-                            id="ListingPage.hostedBy"
-                            values={{ name: currentAuthorDisplayName }}
-                          />
-                        </span>
+                        <FormattedMessage id="ListingPage.hostedBy" values={{ name: hostLink }} />
                       </div>
                     </div>
                   </div>
diff --git a/src/containers/ListingPage/__snapshots__/ListingPage.test.js.snap b/src/containers/ListingPage/__snapshots__/ListingPage.test.js.snap
index 1bbfc547..ec7a400b 100644
--- a/src/containers/ListingPage/__snapshots__/ListingPage.test.js.snap
+++ b/src/containers/ListingPage/__snapshots__/ListingPage.test.js.snap
@@ -97,40 +97,72 @@ exports[`ListingPage matches snapshot 1`] = `
         </InjectIntl(ModalComponent)>
         <div>
           <div>
-            <AvatarLarge
-              user={
+            <NamedLink
+              name="ListingPage"
+              params={
                 Object {
-                  "attributes": Object {
-                    "banned": false,
-                    "profile": Object {
-                      "abbreviatedName": "TT",
-                      "displayName": "user-1 display name",
-                    },
-                  },
-                  "id": UUID {
-                    "uuid": "user-1",
-                  },
-                  "type": "user",
+                  "id": "listing1",
+                  "slug": "listing1-title",
                 }
               }
-            />
-            <AvatarMedium
-              user={
+              to={
                 Object {
-                  "attributes": Object {
-                    "banned": false,
-                    "profile": Object {
-                      "abbreviatedName": "TT",
-                      "displayName": "user-1 display name",
-                    },
-                  },
-                  "id": UUID {
-                    "uuid": "user-1",
-                  },
-                  "type": "user",
+                  "hash": "#host",
                 }
               }
-            />
+            >
+              <AvatarLarge
+                disableProfileLink={true}
+                user={
+                  Object {
+                    "attributes": Object {
+                      "banned": false,
+                      "profile": Object {
+                        "abbreviatedName": "TT",
+                        "displayName": "user-1 display name",
+                      },
+                    },
+                    "id": UUID {
+                      "uuid": "user-1",
+                    },
+                    "type": "user",
+                  }
+                }
+              />
+            </NamedLink>
+            <NamedLink
+              name="ListingPage"
+              params={
+                Object {
+                  "id": "listing1",
+                  "slug": "listing1-title",
+                }
+              }
+              to={
+                Object {
+                  "hash": "#host",
+                }
+              }
+            >
+              <AvatarMedium
+                disableProfileLink={true}
+                user={
+                  Object {
+                    "attributes": Object {
+                      "banned": false,
+                      "profile": Object {
+                        "abbreviatedName": "TT",
+                        "displayName": "user-1 display name",
+                      },
+                    },
+                    "id": UUID {
+                      "uuid": "user-1",
+                    },
+                    "type": "user",
+                  }
+                }
+              />
+            </NamedLink>
           </div>
           <div>
             <div>
@@ -152,16 +184,29 @@ exports[`ListingPage matches snapshot 1`] = `
                   listing1 title
                 </h1>
                 <div>
-                  <span>
-                    <FormattedMessage
-                      id="ListingPage.hostedBy"
-                      values={
-                        Object {
-                          "name": "user-1 display name",
-                        }
+                  <FormattedMessage
+                    id="ListingPage.hostedBy"
+                    values={
+                      Object {
+                        "name": <NamedLink
+                          name="ListingPage"
+                          params={
+                              Object {
+                                  "id": "listing1",
+                                  "slug": "listing1-title",
+                                }
+                          }
+                          to={
+                              Object {
+                                  "hash": "#host",
+                                }
+                          }
+                      >
+                          user-1 display name
+                      </NamedLink>,
                       }
-                    />
-                  </span>
+                    }
+                  />
                 </div>
               </div>
             </div>