diff --git a/.changelog/1249.trivial.md b/.changelog/1249.trivial.md
new file mode 100644
index 000000000..ef2e9f978
--- /dev/null
+++ b/.changelog/1249.trivial.md
@@ -0,0 +1 @@
+Rename components to prepare views for Consensus transactions
diff --git a/src/app/components/Transactions/RuntimeTransactions.tsx b/src/app/components/Transactions/RuntimeTransactions.tsx
new file mode 100644
index 000000000..dff524ad7
--- /dev/null
+++ b/src/app/components/Transactions/RuntimeTransactions.tsx
@@ -0,0 +1,214 @@
+import { FC } from 'react'
+import { styled } from '@mui/material/styles'
+import { useTranslation } from 'react-i18next'
+import Box from '@mui/material/Box'
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward'
+import LockIcon from '@mui/icons-material/Lock'
+import { Table, TableCellAlign, TableColProps } from '../../components/Table'
+import { StatusIcon } from '../StatusIcon'
+import { RuntimeTransactionIcon } from '../../components/RuntimeTransactionLabel'
+import { RoundedBalance } from '../../components/RoundedBalance'
+import { RuntimeTransaction } from '../../../oasis-nexus/api'
+import { COLORS } from '../../../styles/theme/colors'
+import { TablePaginationProps } from '../Table/TablePagination'
+import { BlockLink } from '../Blocks/BlockLink'
+import { AccountLink } from '../Account/AccountLink'
+import { TransactionLink } from './TransactionLink'
+import { trimLongString } from '../../utils/trimLongString'
+import Typography from '@mui/material/Typography'
+import { doesAnyOfTheseLayersSupportEncryptedTransactions } from '../../../types/layers'
+import { TransactionEncryptionStatus } from '../TransactionEncryptionStatus'
+import { Age } from '../Age'
+
+const iconSize = '28px'
+const StyledCircle = styled(Box)(({ theme }) => ({
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  width: iconSize,
+  height: iconSize,
+  color: COLORS.eucalyptus,
+  backgroundColor: COLORS.lightGreen,
+  borderRadius: iconSize,
+  marginLeft: theme.spacing(3),
+  marginRight: `-${theme.spacing(4)}`,
+}))
+
+type TableRuntimeTransaction = RuntimeTransaction & {
+  markAsNew?: boolean
+}
+
+export type TableRuntimeTransactionList = {
+  transactions: TableRuntimeTransaction[]
+  total_count: number
+  is_total_count_clipped: boolean
+}
+
+type TransactionsProps = {
+  transactions?: TableRuntimeTransaction[]
+  ownAddress?: string
+  isLoading: boolean
+  limit: number
+  pagination: false | TablePaginationProps
+  verbose?: boolean
+}
+
+export const RuntimeTransactions: FC<TransactionsProps> = ({
+  isLoading,
+  limit,
+  pagination,
+  transactions,
+  ownAddress,
+  verbose = true,
+}) => {
+  const { t } = useTranslation()
+  // We only want to show encryption status of we are listing transactions
+  // from paratimes that actually support encrypting transactions
+  const canHaveEncryption = doesAnyOfTheseLayersSupportEncryptedTransactions(
+    transactions?.map(tx => tx.layer),
+  )
+  const tableColumns: TableColProps[] = [
+    { key: 'status', content: t('common.status') },
+    ...(verbose && canHaveEncryption
+      ? [{ key: 'encrypted', content: <LockIcon htmlColor={COLORS.grayMedium} /> }]
+      : []),
+    { key: 'hash', content: t('common.hash') },
+    { key: 'block', content: t('common.block') },
+    { key: 'age', content: t('common.age'), align: TableCellAlign.Right },
+    ...(verbose
+      ? [
+          { key: 'type', content: t('common.type'), align: TableCellAlign.Center },
+          { key: 'from', content: t('common.from'), width: '150px' },
+          { key: 'to', content: t('common.to'), width: '150px' },
+          { key: 'txnFee', content: t('common.transactionFee'), align: TableCellAlign.Right, width: '250px' },
+          { key: 'value', align: TableCellAlign.Right, content: t('common.value'), width: '250px' },
+        ]
+      : []),
+  ]
+  const tableRows = transactions?.map(transaction => ({
+    key: transaction.hash,
+    data: [
+      {
+        content: <StatusIcon success={transaction.success} error={transaction.error} />,
+        key: 'success',
+      },
+      ...(verbose && canHaveEncryption
+        ? [
+            {
+              content: <TransactionEncryptionStatus envelope={transaction.encryption_envelope} />,
+              key: 'encrypted',
+            },
+          ]
+        : []),
+      {
+        content: (
+          <TransactionLink
+            scope={transaction}
+            alwaysTrim={true}
+            hash={transaction.eth_hash || transaction.hash}
+          />
+        ),
+        key: 'hash',
+      },
+      {
+        content: <BlockLink scope={transaction} height={transaction.round} />,
+        key: 'round',
+      },
+      {
+        align: TableCellAlign.Right,
+        content: <Age sinceTimestamp={transaction.timestamp} />,
+        key: 'timestamp',
+      },
+      ...(verbose
+        ? [
+            {
+              align: TableCellAlign.Center,
+              content: <RuntimeTransactionIcon method={transaction.method} />,
+              key: 'type',
+            },
+            {
+              align: TableCellAlign.Right,
+              content: (
+                <Box
+                  sx={{
+                    display: 'flex',
+                    alignItems: 'center',
+                    position: 'relative',
+                    pr: 3,
+                  }}
+                >
+                  {!!ownAddress &&
+                  (transaction.sender_0_eth === ownAddress || transaction.sender_0 === ownAddress) ? (
+                    <Typography
+                      variant="mono"
+                      component="span"
+                      sx={{
+                        fontWeight: 700,
+                      }}
+                    >
+                      {trimLongString(transaction.sender_0_eth || transaction.sender_0)}
+                    </Typography>
+                  ) : (
+                    <AccountLink
+                      scope={transaction}
+                      address={transaction.sender_0_eth || transaction.sender_0}
+                      alwaysTrim={true}
+                    />
+                  )}
+                  {transaction.to && (
+                    <StyledCircle>
+                      <ArrowForwardIcon fontSize="inherit" />
+                    </StyledCircle>
+                  )}
+                </Box>
+              ),
+              key: 'from',
+            },
+            {
+              content:
+                !!ownAddress && (transaction.to_eth === ownAddress || transaction.to === ownAddress) ? (
+                  <Typography
+                    variant="mono"
+                    component="span"
+                    sx={{
+                      fontWeight: 700,
+                    }}
+                  >
+                    {trimLongString(transaction.to_eth || transaction.to!)}
+                  </Typography>
+                ) : (
+                  <AccountLink
+                    scope={transaction}
+                    address={transaction.to_eth || transaction.to!}
+                    alwaysTrim={true}
+                  />
+                ),
+              key: 'to',
+            },
+            {
+              align: TableCellAlign.Right,
+              content: <RoundedBalance value={transaction.charged_fee} ticker={transaction.ticker} />,
+              key: 'fee_amount',
+            },
+            {
+              align: TableCellAlign.Right,
+              content: <RoundedBalance value={transaction.amount} ticker={transaction.ticker} />,
+              key: 'value',
+            },
+          ]
+        : []),
+    ],
+    highlight: transaction.markAsNew,
+  }))
+
+  return (
+    <Table
+      columns={tableColumns}
+      rows={tableRows}
+      rowsNumber={limit}
+      name={t('transactions.latest')}
+      isLoading={isLoading}
+      pagination={pagination}
+    />
+  )
+}
diff --git a/src/app/components/Transactions/index.tsx b/src/app/components/Transactions/index.tsx
index d0c91ccd0..d4748ab11 100644
--- a/src/app/components/Transactions/index.tsx
+++ b/src/app/components/Transactions/index.tsx
@@ -1,214 +1 @@
-import { FC } from 'react'
-import { styled } from '@mui/material/styles'
-import { useTranslation } from 'react-i18next'
-import Box from '@mui/material/Box'
-import ArrowForwardIcon from '@mui/icons-material/ArrowForward'
-import LockIcon from '@mui/icons-material/Lock'
-import { Table, TableCellAlign, TableColProps } from '../../components/Table'
-import { StatusIcon } from '../StatusIcon'
-import { RuntimeTransactionIcon } from '../../components/RuntimeTransactionLabel'
-import { RoundedBalance } from '../../components/RoundedBalance'
-import { RuntimeTransaction } from '../../../oasis-nexus/api'
-import { COLORS } from '../../../styles/theme/colors'
-import { TablePaginationProps } from '../Table/TablePagination'
-import { BlockLink } from '../Blocks/BlockLink'
-import { AccountLink } from '../Account/AccountLink'
-import { TransactionLink } from './TransactionLink'
-import { trimLongString } from '../../utils/trimLongString'
-import Typography from '@mui/material/Typography'
-import { doesAnyOfTheseLayersSupportEncryptedTransactions } from '../../../types/layers'
-import { TransactionEncryptionStatus } from '../TransactionEncryptionStatus'
-import { Age } from '../Age'
-
-const iconSize = '28px'
-const StyledCircle = styled(Box)(({ theme }) => ({
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  width: iconSize,
-  height: iconSize,
-  color: COLORS.eucalyptus,
-  backgroundColor: COLORS.lightGreen,
-  borderRadius: iconSize,
-  marginLeft: theme.spacing(3),
-  marginRight: `-${theme.spacing(4)}`,
-}))
-
-type TableRuntimeTransaction = RuntimeTransaction & {
-  markAsNew?: boolean
-}
-
-export type TableRuntimeTransactionList = {
-  transactions: TableRuntimeTransaction[]
-  total_count: number
-  is_total_count_clipped: boolean
-}
-
-type TransactionsProps = {
-  transactions?: TableRuntimeTransaction[]
-  ownAddress?: string
-  isLoading: boolean
-  limit: number
-  pagination: false | TablePaginationProps
-  verbose?: boolean
-}
-
-export const Transactions: FC<TransactionsProps> = ({
-  isLoading,
-  limit,
-  pagination,
-  transactions,
-  ownAddress,
-  verbose = true,
-}) => {
-  const { t } = useTranslation()
-  // We only want to show encryption status of we are listing transactions
-  // from paratimes that actually support encrypting transactions
-  const canHaveEncryption = doesAnyOfTheseLayersSupportEncryptedTransactions(
-    transactions?.map(tx => tx.layer),
-  )
-  const tableColumns: TableColProps[] = [
-    { key: 'status', content: t('common.status') },
-    ...(verbose && canHaveEncryption
-      ? [{ key: 'encrypted', content: <LockIcon htmlColor={COLORS.grayMedium} /> }]
-      : []),
-    { key: 'hash', content: t('common.hash') },
-    { key: 'block', content: t('common.block') },
-    { key: 'age', content: t('common.age'), align: TableCellAlign.Right },
-    ...(verbose
-      ? [
-          { key: 'type', content: t('common.type'), align: TableCellAlign.Center },
-          { key: 'from', content: t('common.from'), width: '150px' },
-          { key: 'to', content: t('common.to'), width: '150px' },
-          { key: 'txnFee', content: t('common.transactionFee'), align: TableCellAlign.Right, width: '250px' },
-          { key: 'value', align: TableCellAlign.Right, content: t('common.value'), width: '250px' },
-        ]
-      : []),
-  ]
-  const tableRows = transactions?.map(transaction => ({
-    key: transaction.hash,
-    data: [
-      {
-        content: <StatusIcon success={transaction.success} error={transaction.error} />,
-        key: 'success',
-      },
-      ...(verbose && canHaveEncryption
-        ? [
-            {
-              content: <TransactionEncryptionStatus envelope={transaction.encryption_envelope} />,
-              key: 'encrypted',
-            },
-          ]
-        : []),
-      {
-        content: (
-          <TransactionLink
-            scope={transaction}
-            alwaysTrim={true}
-            hash={transaction.eth_hash || transaction.hash}
-          />
-        ),
-        key: 'hash',
-      },
-      {
-        content: <BlockLink scope={transaction} height={transaction.round} />,
-        key: 'round',
-      },
-      {
-        align: TableCellAlign.Right,
-        content: <Age sinceTimestamp={transaction.timestamp} />,
-        key: 'timestamp',
-      },
-      ...(verbose
-        ? [
-            {
-              align: TableCellAlign.Center,
-              content: <RuntimeTransactionIcon method={transaction.method} />,
-              key: 'type',
-            },
-            {
-              align: TableCellAlign.Right,
-              content: (
-                <Box
-                  sx={{
-                    display: 'flex',
-                    alignItems: 'center',
-                    position: 'relative',
-                    pr: 3,
-                  }}
-                >
-                  {!!ownAddress &&
-                  (transaction.sender_0_eth === ownAddress || transaction.sender_0 === ownAddress) ? (
-                    <Typography
-                      variant="mono"
-                      component="span"
-                      sx={{
-                        fontWeight: 700,
-                      }}
-                    >
-                      {trimLongString(transaction.sender_0_eth || transaction.sender_0)}
-                    </Typography>
-                  ) : (
-                    <AccountLink
-                      scope={transaction}
-                      address={transaction.sender_0_eth || transaction.sender_0}
-                      alwaysTrim={true}
-                    />
-                  )}
-                  {transaction.to && (
-                    <StyledCircle>
-                      <ArrowForwardIcon fontSize="inherit" />
-                    </StyledCircle>
-                  )}
-                </Box>
-              ),
-              key: 'from',
-            },
-            {
-              content:
-                !!ownAddress && (transaction.to_eth === ownAddress || transaction.to === ownAddress) ? (
-                  <Typography
-                    variant="mono"
-                    component="span"
-                    sx={{
-                      fontWeight: 700,
-                    }}
-                  >
-                    {trimLongString(transaction.to_eth || transaction.to!)}
-                  </Typography>
-                ) : (
-                  <AccountLink
-                    scope={transaction}
-                    address={transaction.to_eth || transaction.to!}
-                    alwaysTrim={true}
-                  />
-                ),
-              key: 'to',
-            },
-            {
-              align: TableCellAlign.Right,
-              content: <RoundedBalance value={transaction.charged_fee} ticker={transaction.ticker} />,
-              key: 'fee_amount',
-            },
-            {
-              align: TableCellAlign.Right,
-              content: <RoundedBalance value={transaction.amount} ticker={transaction.ticker} />,
-              key: 'value',
-            },
-          ]
-        : []),
-    ],
-    highlight: transaction.markAsNew,
-  }))
-
-  return (
-    <Table
-      columns={tableColumns}
-      rows={tableRows}
-      rowsNumber={limit}
-      name={t('transactions.latest')}
-      isLoading={isLoading}
-      pagination={pagination}
-    />
-  )
-}
+export * from './RuntimeTransactions'
diff --git a/src/app/pages/AccountDetailsPage/AccountTransactionsCard.tsx b/src/app/pages/AccountDetailsPage/AccountTransactionsCard.tsx
index bbf4abbf0..fb0e4f956 100644
--- a/src/app/pages/AccountDetailsPage/AccountTransactionsCard.tsx
+++ b/src/app/pages/AccountDetailsPage/AccountTransactionsCard.tsx
@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
 import Card from '@mui/material/Card'
 import CardHeader from '@mui/material/CardHeader'
 import CardContent from '@mui/material/CardContent'
-import { Transactions } from '../../components/Transactions'
+import { RuntimeTransactions } from '../../components/Transactions'
 import { NUMBER_OF_ITEMS_ON_SEPARATE_PAGE } from '../../config'
 import { ErrorBoundary } from '../../components/ErrorBoundary'
 import { LinkableDiv } from '../../components/PageLayout/LinkableDiv'
@@ -38,7 +38,7 @@ const AccountTransactions: FC<AccountDetailsContext> = ({ scope, address }) => {
   return (
     <>
       {isFetched && !transactions?.length && <CardEmptyState label={t('account.emptyTransactionList')} />}
-      <Transactions
+      <RuntimeTransactions
         transactions={transactions}
         ownAddress={address}
         isLoading={isLoading}
diff --git a/src/app/pages/ParatimeDashboardPage/LatestTransactions.tsx b/src/app/pages/ParatimeDashboardPage/LatestRuntimeTransactions.tsx
similarity index 91%
rename from src/app/pages/ParatimeDashboardPage/LatestTransactions.tsx
rename to src/app/pages/ParatimeDashboardPage/LatestRuntimeTransactions.tsx
index a190e9e38..74592c188 100644
--- a/src/app/pages/ParatimeDashboardPage/LatestTransactions.tsx
+++ b/src/app/pages/ParatimeDashboardPage/LatestRuntimeTransactions.tsx
@@ -6,7 +6,7 @@ import CardContent from '@mui/material/CardContent'
 import { Link as RouterLink } from 'react-router-dom'
 import Link from '@mui/material/Link'
 import { Layer, useGetRuntimeTransactions } from '../../../oasis-nexus/api'
-import { Transactions } from '../../components/Transactions'
+import { RuntimeTransactions } from '../../components/Transactions'
 import { NUMBER_OF_ITEMS_ON_DASHBOARD } from '../../config'
 import { COLORS } from '../../../styles/theme/colors'
 import { AppErrors } from '../../../types/errors'
@@ -16,7 +16,7 @@ import { SearchScope } from '../../../types/searchScope'
 
 const limit = NUMBER_OF_ITEMS_ON_DASHBOARD
 
-export const LatestTransactions: FC<{ scope: SearchScope }> = ({ scope }) => {
+export const LatestRuntimeTransactions: FC<{ scope: SearchScope }> = ({ scope }) => {
   const { isTablet } = useScreenSize()
   const { t } = useTranslation()
   const { network, layer } = scope
@@ -53,7 +53,7 @@ export const LatestTransactions: FC<{ scope: SearchScope }> = ({ scope }) => {
         }
       />
       <CardContent>
-        <Transactions
+        <RuntimeTransactions
           transactions={transactionsQuery.data?.data.transactions}
           isLoading={transactionsQuery.isLoading}
           limit={limit}
diff --git a/src/app/pages/ParatimeDashboardPage/index.tsx b/src/app/pages/ParatimeDashboardPage/index.tsx
index 1cba059c3..53c73a6eb 100644
--- a/src/app/pages/ParatimeDashboardPage/index.tsx
+++ b/src/app/pages/ParatimeDashboardPage/index.tsx
@@ -5,7 +5,7 @@ import { useScreenSize } from '../../hooks/useScreensize'
 import { Social } from '../../components/Social'
 import { LearningMaterials } from './LearningMaterials'
 import { LatestRuntimeBlocks } from './LatestRuntimeBlocks'
-import { LatestTransactions } from './LatestTransactions'
+import { LatestRuntimeTransactions } from './LatestRuntimeTransactions'
 import { TransactionsStats } from '../../components/TransactionsStats'
 import { TotalTransactions } from './TotalTransactions'
 import { PageLayout } from '../../components/PageLayout'
@@ -21,7 +21,7 @@ export const ParatimeDashboardPage: FC = () => {
     <PageLayout>
       <ParaTimeSnapshot scope={scope} />
       <Divider variant="layout" sx={{ mt: isMobile ? 4 : 0 }} />
-      <LatestTransactions scope={scope} />
+      <LatestRuntimeTransactions scope={scope} />
       <Grid container spacing={4}>
         <Grid item xs={12} md={6} sx={{ display: 'flex', order: isMobile ? 1 : 0 }}>
           <LearningMaterials scope={scope} />
diff --git a/src/app/pages/RuntimeBlockDetailPage/TransactionsCard.tsx b/src/app/pages/RuntimeBlockDetailPage/TransactionsCard.tsx
index fbc3a8a6c..059aeb168 100644
--- a/src/app/pages/RuntimeBlockDetailPage/TransactionsCard.tsx
+++ b/src/app/pages/RuntimeBlockDetailPage/TransactionsCard.tsx
@@ -7,7 +7,7 @@ import CardContent from '@mui/material/CardContent'
 import { useSearchParamsPagination } from '../../components/Table/useSearchParamsPagination'
 import { NUMBER_OF_ITEMS_ON_SEPARATE_PAGE } from '../../config'
 import { Layer, useGetRuntimeTransactions } from '../../../oasis-nexus/api'
-import { Transactions } from '../../components/Transactions'
+import { RuntimeTransactions } from '../../components/Transactions'
 import { ErrorBoundary } from '../../components/ErrorBoundary'
 import { AppErrors } from '../../../types/errors'
 import { SearchScope } from '../../../types/searchScope'
@@ -37,7 +37,7 @@ const TransactionList: FC<{ scope: SearchScope; blockHeight: number }> = ({ scop
   }
 
   return (
-    <Transactions
+    <RuntimeTransactions
       transactions={transactions}
       isLoading={isLoading}
       limit={NUMBER_OF_ITEMS_ON_SEPARATE_PAGE}
diff --git a/src/app/pages/TransactionDetailPage/CurrentFiatValue.tsx b/src/app/pages/RuntimeTransactionDetailPage/CurrentFiatValue.tsx
similarity index 100%
rename from src/app/pages/TransactionDetailPage/CurrentFiatValue.tsx
rename to src/app/pages/RuntimeTransactionDetailPage/CurrentFiatValue.tsx
diff --git a/src/app/pages/TransactionDetailPage/__tests__/CurrentFiatValue.test.tsx b/src/app/pages/RuntimeTransactionDetailPage/__tests__/CurrentFiatValue.test.tsx
similarity index 100%
rename from src/app/pages/TransactionDetailPage/__tests__/CurrentFiatValue.test.tsx
rename to src/app/pages/RuntimeTransactionDetailPage/__tests__/CurrentFiatValue.test.tsx
diff --git a/src/app/pages/TransactionDetailPage/index.tsx b/src/app/pages/RuntimeTransactionDetailPage/index.tsx
similarity index 99%
rename from src/app/pages/TransactionDetailPage/index.tsx
rename to src/app/pages/RuntimeTransactionDetailPage/index.tsx
index 9f9c5d204..29e820fd6 100644
--- a/src/app/pages/TransactionDetailPage/index.tsx
+++ b/src/app/pages/RuntimeTransactionDetailPage/index.tsx
@@ -75,7 +75,7 @@ const StyledAlert = styled(Alert)(() => ({
   marginBottom: '1em',
 }))
 
-export const TransactionDetailPage: FC = () => {
+export const RuntimeTransactionDetailPage: FC = () => {
   const { t } = useTranslation()
 
   const scope = useRequiredScopeParam()
@@ -122,7 +122,7 @@ export const TransactionDetailPage: FC = () => {
           />
         }
       >
-        <TransactionDetailView
+        <RuntimeTransactionDetailView
           isLoading={isLoading}
           transaction={transaction}
           tokenPriceInfo={tokenPriceInfo}
@@ -161,7 +161,7 @@ const TransactionInfoTooltip: FC<PropsWithChildren<{ label: string }>> = ({ labe
   )
 }
 
-export const TransactionDetailView: FC<{
+export const RuntimeTransactionDetailView: FC<{
   isLoading?: boolean
   transaction: TransactionDetailRuntimeBlock | undefined
   showLayer?: boolean
diff --git a/src/app/pages/TransactionsPage/index.tsx b/src/app/pages/RuntimeTransactionsPage/index.tsx
similarity index 93%
rename from src/app/pages/TransactionsPage/index.tsx
rename to src/app/pages/RuntimeTransactionsPage/index.tsx
index b3c39dac8..4419d2f35 100644
--- a/src/app/pages/TransactionsPage/index.tsx
+++ b/src/app/pages/RuntimeTransactionsPage/index.tsx
@@ -4,7 +4,7 @@ import Divider from '@mui/material/Divider'
 import { useScreenSize } from '../../hooks/useScreensize'
 import { PageLayout } from '../../components/PageLayout'
 import { SubPageCard } from '../../components/SubPageCard'
-import { TableRuntimeTransactionList, Transactions } from '../../components/Transactions'
+import { TableRuntimeTransactionList, RuntimeTransactions } from '../../components/Transactions'
 import { Layer, useGetRuntimeTransactions } from '../../../oasis-nexus/api'
 import { NUMBER_OF_ITEMS_ON_SEPARATE_PAGE, REFETCH_INTERVAL } from '../../config'
 import { useSearchParamsPagination } from '../../components/Table/useSearchParamsPagination'
@@ -12,7 +12,7 @@ import { AxiosResponse } from 'axios'
 import { AppErrors } from '../../../types/errors'
 import { LoadMoreButton } from '../../components/LoadMoreButton'
 import { TableLayout, TableLayoutButton } from '../../components/TableLayoutButton'
-import { TransactionDetailView } from '../TransactionDetailPage'
+import { RuntimeTransactionDetailView } from '../RuntimeTransactionDetailPage'
 import { useRequiredScopeParam } from '../../hooks/useScopeParam'
 import { useTokenPrice } from '../../../coin-gecko/api'
 import { getTickerForNetwork } from '../../../types/ticker'
@@ -20,7 +20,7 @@ import { VerticalList } from '../../components/VerticalList'
 
 const limit = NUMBER_OF_ITEMS_ON_SEPARATE_PAGE
 
-export const TransactionsPage: FC = () => {
+export const RuntimeTransactionsPage: FC = () => {
   const [tableView, setTableView] = useState<TableLayout>(TableLayout.Horizontal)
   const { t } = useTranslation()
   const { isMobile } = useScreenSize()
@@ -95,7 +95,7 @@ export const TransactionsPage: FC = () => {
         noPadding={tableView === TableLayout.Vertical}
       >
         {tableView === TableLayout.Horizontal && (
-          <Transactions
+          <RuntimeTransactions
             transactions={data?.data.transactions}
             isLoading={isLoading}
             limit={limit}
@@ -113,7 +113,7 @@ export const TransactionsPage: FC = () => {
           <VerticalList>
             {isLoading &&
               [...Array(limit).keys()].map(key => (
-                <TransactionDetailView
+                <RuntimeTransactionDetailView
                   key={key}
                   isLoading={true}
                   transaction={undefined}
@@ -124,7 +124,7 @@ export const TransactionsPage: FC = () => {
 
             {!isLoading &&
               data?.data.transactions.map(tx => (
-                <TransactionDetailView
+                <RuntimeTransactionDetailView
                   key={tx.hash}
                   transaction={tx}
                   tokenPriceInfo={tokenPriceInfo}
diff --git a/src/app/pages/SearchResultsPage/SearchResultsList.tsx b/src/app/pages/SearchResultsPage/SearchResultsList.tsx
index 41892b088..4eb4945fd 100644
--- a/src/app/pages/SearchResultsPage/SearchResultsList.tsx
+++ b/src/app/pages/SearchResultsPage/SearchResultsList.tsx
@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'
 import { ResultsGroupByType } from './ResultsGroupByType'
 import { RuntimeBlockDetailView } from '../RuntimeBlockDetailPage'
 import { RouteUtils } from '../../utils/route-utils'
-import { TransactionDetailView } from '../TransactionDetailPage'
+import { RuntimeTransactionDetailView } from '../RuntimeTransactionDetailPage'
 import { AccountDetailsView } from '../AccountDetailsPage/AccountDetailsView'
 import {
   AccountResult,
@@ -67,7 +67,7 @@ export const SearchResultsList: FC<{
             (item): item is TransactionResult => item.resultType === 'transaction',
           )}
           resultComponent={item => (
-            <TransactionDetailView
+            <RuntimeTransactionDetailView
               isLoading={false}
               transaction={item}
               tokenPriceInfo={tokenPrices[item.network]}
diff --git a/src/routes.tsx b/src/routes.tsx
index 58adf679e..40e23e247 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -1,8 +1,8 @@
 import { Outlet, RouteObject, ScrollRestoration } from 'react-router-dom'
 import { HomePage } from './app/pages/HomePage'
 import { RuntimeBlocksPage } from './app/pages/RuntimeBlocksPage'
-import { TransactionsPage } from './app/pages/TransactionsPage'
-import { TransactionDetailPage } from './app/pages/TransactionDetailPage'
+import { RuntimeTransactionsPage } from './app/pages/RuntimeTransactionsPage'
+import { RuntimeTransactionDetailPage } from './app/pages/RuntimeTransactionDetailPage'
 import { ParatimeDashboardPage } from './app/pages/ParatimeDashboardPage'
 import { RuntimeBlockDetailPage } from './app/pages/RuntimeBlockDetailPage'
 import { AccountDetailsPage, useAccountDetailsProps } from './app/pages/AccountDetailsPage'
@@ -174,11 +174,11 @@ export const routes: RouteObject[] = [
           },
           {
             path: `tx`,
-            element: <TransactionsPage />,
+            element: <RuntimeTransactionsPage />,
           },
           {
             path: `tx/:hash`,
-            element: <TransactionDetailPage />,
+            element: <RuntimeTransactionDetailPage />,
             loader: transactionParamLoader,
           },
           {