diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index 7e0c5a899..756995412 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -34,10 +34,11 @@
               <!-- <base-icon name="at" data-test="at" /> -->
               {{ `@${userSlug}` }}
             </ds-text>
-            <ds-text v-if="user.location" align="center" color="soft" size="small">
-              <base-icon name="map-marker" />
-              {{ user.location.name }}
-            </ds-text>
+            <location-info
+              v-if="user.location"
+              :location-data="user.location"
+              class="location-info"
+            />
             <ds-text align="center" color="soft" size="small">
               {{ $t('profile.memberSince') }} {{ user.createdAt | date('MMMM yyyy') }}
             </ds-text>
@@ -210,6 +211,7 @@ import { muteUser, unmuteUser } from '~/graphql/settings/MutedUsers'
 import { blockUser, unblockUser } from '~/graphql/settings/BlockedUsers'
 import UpdateQuery from '~/components/utils/UpdateQuery'
 import SocialMedia from '~/components/SocialMedia/SocialMedia'
+import LocationInfo from '~/components/UserTeaser/LocationInfo.vue'
 
 const tabToFilterMapping = ({ tab, id }) => {
   return {
@@ -234,6 +236,7 @@ export default {
     MasonryGridItem,
     FollowList,
     TabNavigation,
+    LocationInfo,
   },
   mixins: [postListActions],
   transition: {
@@ -490,4 +493,14 @@ export default {
     margin-bottom: $space-x-small;
   }
 }
+
+.location-info {
+  font-size: 0.8rem;
+  color: #70677e;
+  margin-bottom: 12px;
+
+  > .distance {
+    margin-top: 2px !important;
+  }
+}
 </style>