diff --git a/ui/src/components/search.tsx b/ui/src/components/search.tsx
index f2d38ba9b..c4cb97454 100644
--- a/ui/src/components/search.tsx
+++ b/ui/src/components/search.tsx
@@ -356,10 +356,12 @@ export class Search extends Component<any, SearchState> {
           <div class="row">
             <div class="col-12">
               <span>
-                <Link
-                  className="text-info"
-                  to={`/u/${user.name}`}
-                >{`/u/${user.name}`}</Link>
+                <UserListing
+                  user={{
+                    name: user.name,
+                    avatar: user.avatar,
+                  }}
+                />
               </span>
             </div>
           </div>
diff --git a/ui/src/components/user-listing.tsx b/ui/src/components/user-listing.tsx
index 58475d3e9..76196d47d 100644
--- a/ui/src/components/user-listing.tsx
+++ b/ui/src/components/user-listing.tsx
@@ -52,7 +52,7 @@ export class UserListing extends Component<UserListingProps, any> {
               class="rounded-circle mr-2"
             />
           )}
-          <span>{name_}</span>
+          <span>{`/u/${name_}`}</span>
         </Link>
 
         {isCakeDay(user.published) && <CakeDay creatorName={name_} />}