diff --git a/components/common/ChainDropdown.vue b/components/common/ChainDropdown.vue
index d1daa16749..e4823d6c99 100644
--- a/components/common/ChainDropdown.vue
+++ b/components/common/ChainDropdown.vue
@@ -46,7 +46,7 @@ const props = withDefaults(
   },
 )
 
-const route = useRoute()
+const route = useReactiveRoute()
 const { setUrlPrefix, urlPrefix } = usePrefix()
 const allChains = useAvailableChainsOptions()
 const { redirectAfterChainChange } = useChainRedirect()
diff --git a/components/common/ConnectWallet/WalletAssetIdentity.vue b/components/common/ConnectWallet/WalletAssetIdentity.vue
index e93694adfc..0819036609 100644
--- a/components/common/ConnectWallet/WalletAssetIdentity.vue
+++ b/components/common/ConnectWallet/WalletAssetIdentity.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="flex items-center justify-between">
     <NuxtLink
-      :to="`/${urlPrefix}/u/${account}`"
+      :to="`/${prefix}/u/${account}`"
       class="w-full"
       @click="closeModal"
     >
       <IdentityItem
         :account="account"
         :label="display || shortenedAddress"
-        :prefix="urlPrefix"
+        :prefix="prefix"
       >
         <template #default="{ label }">
           <div class="pl-3">
@@ -42,14 +42,14 @@
 import { NeoIcon } from '@kodadot1/brick'
 import { useIdentityStore } from '@/stores/identity'
 
-const { urlPrefix } = usePrefix()
 const { toast } = useToast()
 const { neoModal } = useProgrammatic()
-
+const { getPrefixByAddress } = useAddress()
 const identityStore = useIdentityStore()
 const { logout } = useWallet()
 const account = computed(() => identityStore.getAuthAddress)
 
+const prefix = computed(() => getPrefixByAddress(account.value))
 const { profile } = useFetchProfile(account.value)
 
 const { display, shortenedAddress } = useIdentity({
diff --git a/components/profile/ProfileDetail.vue b/components/profile/ProfileDetail.vue
index ee8780ffca..511b68dc30 100644
--- a/components/profile/ProfileDetail.vue
+++ b/components/profile/ProfileDetail.vue
@@ -490,12 +490,14 @@ const { $i18n } = useNuxtApp()
 const { toast } = useToast()
 const { replaceUrl } = useReplaceUrl()
 const { accountId } = useAuth()
-const { urlPrefix, client } = usePrefix()
+const { urlPrefix, client, setUrlPrefix } = usePrefix()
 const { shareOnX, shareOnFarcaster } = useSocialShare()
+const { redirectAfterChainChange } = useChainRedirect()
 
 const { isRemark, isSub } = useIsChain(urlPrefix)
 const listingCartStore = useListingCartStore()
 const { vm } = useChain()
+const { getPrefixByAddress } = useAddress()
 
 const { hasProfile, userProfile, isFetchingProfile }
   = useProfile()
@@ -786,6 +788,15 @@ watch(collections, (value) => {
   })
 })
 
+watch(() => getPrefixByAddress(route.params.id.toString()), (prefix) => {
+  if (prefix !== urlPrefix.value) {
+    setUrlPrefix(prefix)
+    redirectAfterChainChange(prefix)
+  }
+}, {
+  immediate: true,
+})
+
 onMounted(() => {
   if (!hasProfile.value && isOwner.value) {
     openProfileCreateModal()
diff --git a/composables/useAddress.ts b/composables/useAddress.ts
new file mode 100644
index 0000000000..1103046ceb
--- /dev/null
+++ b/composables/useAddress.ts
@@ -0,0 +1,18 @@
+import { isEthereumAddress } from '@polkadot/util-crypto'
+
+export default function () {
+  const { urlPrefix } = usePrefix()
+  const { isEvm, isSub } = useIsChain(urlPrefix)
+
+  const getPrefixByAddress = (address: string) => {
+    if (isEthereumAddress(address)) {
+      return isEvm.value ? urlPrefix.value : 'base'
+    }
+
+    return isSub.value ? urlPrefix.value : 'ahp'
+  }
+
+  return {
+    getPrefixByAddress,
+  }
+}
diff --git a/composables/useChainRedirect.ts b/composables/useChainRedirect.ts
index abfa23de17..d1f07499be 100644
--- a/composables/useChainRedirect.ts
+++ b/composables/useChainRedirect.ts
@@ -1,8 +1,7 @@
 import type { Prefix } from '@kodadot1/static'
-import { CHAINS } from '@kodadot1/static'
-import { decodeAddress, encodeAddress } from '@polkadot/util-crypto'
 import type { RawLocation } from 'vue-router/types/router'
 import { createVisible } from '@/utils/config/permission.config'
+import { getss58AddressByPrefix } from '@/utils/account'
 
 const NO_REDIRECT_ROUTE_NAMES = [
   'hot',
@@ -19,11 +18,6 @@ function isNoRedirect(routeName: string): boolean {
   return NO_REDIRECT_ROUTE_NAMES.includes(routeName)
 }
 
-const getAddress = (chain: string, accountId: string) => {
-  const publicKey = decodeAddress(accountId)
-  return encodeAddress(publicKey, CHAINS[chain].ss58Format)
-}
-
 const clearInstanceSortFromQuery = (query) => {
   if (Array.isArray(query.sort)) {
     query.sort = query.sort.filter(value => !value.startsWith('instance_'))
@@ -48,7 +42,7 @@ function getRedirectPathForPrefix({
   route
 }): RawLocation {
   if (routeName === 'prefix-u-id') {
-    const accountId = getAddress(chain, route.params.id)
+    const accountId = getss58AddressByPrefix(route.params.id, chain)
 
     delete route.query.collections
 
diff --git a/composables/useReactiveRoute.ts b/composables/useReactiveRoute.ts
new file mode 100644
index 0000000000..bacd148a80
--- /dev/null
+++ b/composables/useReactiveRoute.ts
@@ -0,0 +1,6 @@
+import { useRoute as _useRoute } from 'vue-router'
+
+// context: auto-import useRouter is not reactive after initially being set. ref: https://github.com/kodadot/nft-gallery/issues/10757
+export default function () {
+  return _useRoute()
+}