diff --git a/src/components/AccountAddress.tsx b/src/components/AccountAddress.tsx
index b7f49b35..6299c26f 100644
--- a/src/components/AccountAddress.tsx
+++ b/src/components/AccountAddress.tsx
@@ -3,6 +3,7 @@ import { useMemo } from "react";
 import { Tooltip } from "@mui/material";
 import { css } from "@emotion/react";
 
+import { Network } from "../model/network";
 import { encodeAddress } from "../utils/formatAddress";
 import { shortenHash } from "../utils/shortenHash";
 
@@ -24,9 +25,8 @@ const copyToClipboardStyle = css`
 `;
 
 export type AccountLinkProps = {
-	network: string;
+	network: Network;
 	address: string;
-	prefix: number;
 	icon?: boolean;
 	link?: boolean;
 	shorten?: boolean;
@@ -37,21 +37,20 @@ export const AccountAddress = (props: AccountLinkProps) => {
 	const {
 		network,
 		address,
-		prefix,
 		icon = true,
 		link = true,
 		shorten,
 		copyToClipboard
 	} = props;
 
-	const encodedAddress = useMemo(() => encodeAddress(address, prefix), [address]);
+	const encodedAddress = useMemo(() => encodeAddress(address, network.prefix), [address]);
 
 	const content = useMemo(() => {
 		let content = <span>{shorten ? shortenHash(encodedAddress) : encodedAddress}</span>;
 
 		if (link) {
 			content = (
-				<Link to={`/${network}/account/${address}`}>
+				<Link to={`/${network.name}/account/${address}`}>
 					{content}
 				</Link>
 			);
@@ -83,7 +82,7 @@ export const AccountAddress = (props: AccountLinkProps) => {
 				<AccountAvatar
 					css={iconStyle}
 					address={address}
-					prefix={prefix}
+					prefix={network.prefix}
 					size={20}
 				/>
 			)}
diff --git a/src/components/DataViewer.tsx b/src/components/DataViewer.tsx
index c38a45d2..520e11f4 100644
--- a/src/components/DataViewer.tsx
+++ b/src/components/DataViewer.tsx
@@ -7,6 +7,7 @@ import { Close } from "@mui/icons-material";
 import { config } from "../config";
 
 import { DecodedArg } from "../model/decodedMetadata";
+import { Network } from "../model/network";
 import { RuntimeSpec } from "../model/runtimeSpec";
 
 import CopyToClipboardButton from "./CopyToClipboardButton";
@@ -203,7 +204,7 @@ const DataViewerModalHandle = (props: DataViewerModalHandleProps) => {
 };
 
 export type DataViewerProps = {
-	network: string;
+	network: Network;
 	data: any;
 	metadata?: DecodedArg[];
 	runtimeSpec?: RuntimeSpec;
diff --git a/src/components/DataViewerValueParsed.tsx b/src/components/DataViewerValueParsed.tsx
index 50dbac91..1e40d076 100644
--- a/src/components/DataViewerValueParsed.tsx
+++ b/src/components/DataViewerValueParsed.tsx
@@ -7,6 +7,7 @@ import { noCase } from "../utils/string";
 
 import { AccountAddress } from "./AccountAddress";
 import { RuntimeSpec } from "../model/runtimeSpec";
+import { Network } from "../model/network";
 
 // found in https://github.com/polkadot-js/apps/blob/59c2badf87c29fd8cb5b7dfcc045c3ce451a54bc/packages/react-params/src/Param/findComponent.ts#L51
 const ADDRESS_TYPES = ["AccountId", "AccountId20", "AccountId32", "Address", "LookupSource", "MultiAddress"];
@@ -72,7 +73,7 @@ const valueStyle = css`
 `;
 
 type ValueOfKindProps = {
-	network: string;
+	network: Network;
 	value: {
 		__kind: string,
 		value: any;
@@ -111,7 +112,7 @@ const ValueOfKind = (props: ValueOfKindProps) => {
 };
 
 type MaybeAccountLinkValueProps = {
-	network: string;
+	network: Network;
 	value: any;
 	valueMetadata: DecodedArg;
 	runtimeSpec: RuntimeSpec;
@@ -147,7 +148,6 @@ const AccountValue = (props: MaybeAccountLinkValueProps) => {
 			<AccountAddress
 				network={network}
 				address={value}
-				prefix={runtimeSpec.metadata.ss58Prefix}
 				copyToClipboard="small"
 			/>
 		</div>
@@ -155,7 +155,7 @@ const AccountValue = (props: MaybeAccountLinkValueProps) => {
 };
 
 export type DataViewerValueParsedProps = {
-	network: string;
+	network: Network;
 	value: any;
 	metadata?: DecodedArg[]|DecodedArg;
 	runtimeSpec?: RuntimeSpec;
diff --git a/src/components/account/AccountBalancesTable.tsx b/src/components/account/AccountBalancesTable.tsx
index 1c9880c4..f00a2ee8 100644
--- a/src/components/account/AccountBalancesTable.tsx
+++ b/src/components/account/AccountBalancesTable.tsx
@@ -144,8 +144,7 @@ export const AccountBalancesTable = (props: AccountBalanceOverview) => {
 										<div>
 											<AccountAddress
 												address={balance.encodedAddress}
-												network={balance.network.name}
-												prefix={balance.network.prefix}
+												network={balance.network}
 												icon={false}
 												shorten
 												copyToClipboard="small"
diff --git a/src/components/account/AccountInfoTable.tsx b/src/components/account/AccountInfoTable.tsx
index 60137c98..df3891d7 100644
--- a/src/components/account/AccountInfoTable.tsx
+++ b/src/components/account/AccountInfoTable.tsx
@@ -2,15 +2,15 @@
 import { HTMLAttributes } from "react";
 import { isEthereumAddress } from "@polkadot/util-crypto";
 
-import { useNetwork } from "../../hooks/useNetwork";
 import { Account } from "../../model/account";
+import { Network } from "../../model/network";
 import { Resource } from "../../model/resource";
 import { encodeAddress } from "../../utils/formatAddress";
 
 import {InfoTable, InfoTableAttribute } from "../InfoTable";
 
 export type AccountInfoTableProps = HTMLAttributes<HTMLDivElement> & {
-	network: string;
+	network: Network;
 	account: Resource<Account>;
 }
 
@@ -19,8 +19,6 @@ const AccountInfoTableAttribute = InfoTableAttribute<Account>;
 export const AccountInfoTable = (props: AccountInfoTableProps) => {
 	const {network, account, ...tableProps} = props;
 
-	const networkData = useNetwork(network);
-
 	return (
 		<InfoTable
 			data={account.data}
@@ -31,9 +29,9 @@ export const AccountInfoTable = (props: AccountInfoTableProps) => {
 			{...tableProps}
 		>
 			<AccountInfoTableAttribute
-				label={`${networkData?.displayName} address`}
-				render={(data) => encodeAddress(data.address, data.runtimeSpec.metadata.ss58Prefix)}
-				copyToClipboard={(data) => encodeAddress(data.address, data.runtimeSpec.metadata.ss58Prefix)}
+				label={`${network.displayName} address`}
+				render={(data) => encodeAddress(data.address, network.prefix)}
+				copyToClipboard={(data) => encodeAddress(data.address, network.prefix)}
 				hide={(data) => isEthereumAddress(data.address)}
 			/>
 			<AccountInfoTableAttribute
diff --git a/src/components/balances/BalancesTable.tsx b/src/components/balances/BalancesTable.tsx
index 3a0921f3..f21cda87 100644
--- a/src/components/balances/BalancesTable.tsx
+++ b/src/components/balances/BalancesTable.tsx
@@ -1,16 +1,17 @@
 import { Balance } from "../../model/balance";
+import { Network } from "../../model/network";
 import { PaginatedResource } from "../../model/paginatedResource";
 import { Resource } from "../../model/resource";
 import { UsdRates } from "../../model/usdRates";
-import { getNetwork } from "../../services/networksService";
 import { decodeAddress } from "../../utils/formatAddress";
+
 import { AccountAddress } from "../AccountAddress";
 import { Currency } from "../Currency";
 import { ItemsTable, ItemsTableAttribute } from "../ItemsTable";
 import { Link } from "../Link";
 
 export type BalancesTableProps = {
-	network: string;
+	network: Network;
 	balances: PaginatedResource<Balance>;
 	usdRates: Resource<UsdRates>;
 };
@@ -37,7 +38,6 @@ function BalancesTable(props: BalancesTableProps) {
 					<AccountAddress
 						network={network}
 						address={decodeAddress(balance.id)}
-						prefix={balance.runtimeSpec.metadata.ss58Prefix}
 						shorten
 						copyToClipboard="small"
 					/>}
@@ -48,9 +48,9 @@ function BalancesTable(props: BalancesTableProps) {
 				render={(balance, usdRates) =>
 					<Currency
 						amount={balance.total}
-						currency={getNetwork(network).symbol}
+						currency={network.symbol}
 						decimalPlaces="optimal"
-						usdRate={usdRates[network]}
+						usdRate={usdRates[network.name]}
 						showFullInTooltip
 						showUsdValue
 					/>
@@ -62,9 +62,9 @@ function BalancesTable(props: BalancesTableProps) {
 				render={(balance, usdRates) =>
 					<Currency
 						amount={balance.free}
-						currency={getNetwork(network).symbol}
+						currency={network.symbol}
 						decimalPlaces="optimal"
-						usdRate={usdRates[network]}
+						usdRate={usdRates[network.name]}
 						showFullInTooltip
 						showUsdValue
 					/>
@@ -76,9 +76,9 @@ function BalancesTable(props: BalancesTableProps) {
 				render={(balance, usdRates) =>
 					<Currency
 						amount={balance.reserved}
-						currency={getNetwork(network).symbol}
+						currency={network.symbol}
 						decimalPlaces="optimal"
-						usdRate={usdRates[network]}
+						usdRate={usdRates[network.name]}
 						showFullInTooltip
 						showUsdValue
 					/>
@@ -88,7 +88,7 @@ function BalancesTable(props: BalancesTableProps) {
 			<BalancesItemsTableAttribute
 				label="Last update"
 				render={(balance) =>
-					<Link to={`/${network}/search?query=${balance.updatedAtBlock}`}>
+					<Link to={`/${network.name}/search?query=${balance.updatedAtBlock}`}>
 						{balance.updatedAtBlock}
 					</Link>
 				}
diff --git a/src/components/blocks/BlockInfoTable.tsx b/src/components/blocks/BlockInfoTable.tsx
index d2224569..163b12ef 100644
--- a/src/components/blocks/BlockInfoTable.tsx
+++ b/src/components/blocks/BlockInfoTable.tsx
@@ -1,4 +1,5 @@
 import { Block } from "../../model/block";
+import { Network } from "../../model/network";
 import { Resource } from "../../model/resource";
 import { encodeAddress } from "../../utils/formatAddress";
 
@@ -8,7 +9,7 @@ import { Link } from "../Link";
 import { Time } from "../Time";
 
 export type BlockInfoTableProps = {
-	network: string;
+	network: Network;
 	block: Resource<Block>;
 }
 
@@ -51,7 +52,7 @@ export const BlockInfoTable = (props: BlockInfoTableProps) => {
 			<BlockInfoTableAttribute
 				label="Parent hash"
 				render={(data) =>
-					<Link to={`/${network}/search?query=${data.parentHash}`}>
+					<Link to={`/${network.name}/search?query=${data.parentHash}`}>
 						{data.parentHash}
 					</Link>
 				}
@@ -63,13 +64,12 @@ export const BlockInfoTable = (props: BlockInfoTableProps) => {
 					<AccountAddress
 						network={network}
 						address={data.validator}
-						prefix={data.runtimeSpec.metadata.ss58Prefix}
 					/>
 				}
 				copyToClipboard={(data) => data.validator &&
 					encodeAddress(
 						data.validator,
-						data.runtimeSpec.metadata.ss58Prefix
+						network.prefix
 					)
 				}
 				hide={(data) => !data.validator}
diff --git a/src/components/blocks/BlocksTable.tsx b/src/components/blocks/BlocksTable.tsx
index 55f227ef..b1ca1e52 100644
--- a/src/components/blocks/BlocksTable.tsx
+++ b/src/components/blocks/BlocksTable.tsx
@@ -1,4 +1,5 @@
 import { Block } from "../../model/block";
+import { Network } from "../../model/network";
 import { PaginatedResource } from "../../model/paginatedResource";
 
 import { AccountAddress } from "../AccountAddress";
@@ -7,7 +8,7 @@ import { Link } from "../Link";
 import { Time } from "../Time";
 
 export type BlocksTableProps = {
-	network: string;
+	network: Network;
 	blocks: PaginatedResource<Block>,
 	showValidator: boolean,
 	showTime?: boolean;
@@ -36,7 +37,7 @@ function ExtrinsicsTable(props: BlocksTableProps) {
 			<BlocksTableAttribute
 				label="Height"
 				render={(block) =>
-					<Link to={`/${network}/block/${block.id}`}>
+					<Link to={`/${network.name}/block/${block.id}`}>
 						{block.height}
 					</Link>
 				}
@@ -56,7 +57,6 @@ function ExtrinsicsTable(props: BlocksTableProps) {
 					<AccountAddress
 						network={network}
 						address={block.validator}
-						prefix={block.runtimeSpec.metadata.ss58Prefix}
 						shorten
 						copyToClipboard="small"
 					/>
diff --git a/src/components/calls/CallInfoTable.tsx b/src/components/calls/CallInfoTable.tsx
index 85cb8acf..e01b53c5 100644
--- a/src/components/calls/CallInfoTable.tsx
+++ b/src/components/calls/CallInfoTable.tsx
@@ -4,6 +4,7 @@ import CrossIcon from "../../assets/cross-icon.png";
 import CheckIcon from "../../assets/check-icon.png";
 
 import { Call } from "../../model/call";
+import { Network } from "../../model/network";
 import { Resource } from "../../model/resource";
 
 import { encodeAddress } from "../../utils/formatAddress";
@@ -17,7 +18,7 @@ import { Link } from "../Link";
 import { Time } from "../Time";
 
 export type CallInfoTableProps = {
-	network: string;
+	network: Network;
 	call: Resource<Call>;
 }
 
@@ -49,7 +50,7 @@ export const CallInfoTable = (props: CallInfoTableProps) => {
 			<CallInfoTableAttribute
 				label="Block"
 				render={(data) =>
-					<Link to={`/${network}/block/${data.blockId}`}>
+					<Link to={`/${network.name}/block/${data.blockId}`}>
 						{data.blockHeight}
 					</Link>
 				}
@@ -58,7 +59,7 @@ export const CallInfoTable = (props: CallInfoTableProps) => {
 			<CallInfoTableAttribute
 				label="Extrinsic"
 				render={(data) =>
-					<Link to={`/${network}/extrinsic/${data.extrinsicId}`}>
+					<Link to={`/${network.name}/extrinsic/${data.extrinsicId}`}>
 						{data.extrinsicId}
 					</Link>
 				}
@@ -67,7 +68,7 @@ export const CallInfoTable = (props: CallInfoTableProps) => {
 			<CallInfoTableAttribute
 				label="Parent call"
 				render={(data) => data.parentId &&
-					<Link to={`/${network}/call/${data.parentId}`}>
+					<Link to={`/${network.name}/call/${data.parentId}`}>
 						{data.parentId}
 					</Link>
 				}
@@ -80,11 +81,10 @@ export const CallInfoTable = (props: CallInfoTableProps) => {
 					<AccountAddress
 						network={network}
 						address={data.caller}
-						prefix={data.runtimeSpec.metadata.ss58Prefix}
 					/>
 				}
 				copyToClipboard={(data) => data.caller &&
-					encodeAddress(data.caller, data.runtimeSpec.metadata.ss58Prefix)
+					encodeAddress(data.caller, network.prefix)
 				}
 				hide={(data) => !data.caller}
 			/>
@@ -102,7 +102,7 @@ export const CallInfoTable = (props: CallInfoTableProps) => {
 				label="Name"
 				render={(data) =>
 					<ButtonLink
-						to={`/${network}/search?query=${data.palletName}.${data.callName}`}
+						to={`/${network.name}/search?query=${data.palletName}.${data.callName}`}
 						size="small"
 						color="secondary"
 					>
diff --git a/src/components/calls/CallsTable.tsx b/src/components/calls/CallsTable.tsx
index 594ec69b..8ff2c626 100644
--- a/src/components/calls/CallsTable.tsx
+++ b/src/components/calls/CallsTable.tsx
@@ -1,12 +1,14 @@
 import { Call } from "../../model/call";
+import { Network } from "../../model/network";
 import { PaginatedResource } from "../../model/paginatedResource";
+
 import { AccountAddress } from "../AccountAddress";
 import { ButtonLink } from "../ButtonLink";
 import { ItemsTable, ItemsTableAttribute } from "../ItemsTable";
 import { Link } from "../Link";
 
 export type CallsTableProps = {
-	network: string;
+	network: Network;
 	calls: PaginatedResource<Call>;
 	showAccount?: boolean;
 };
@@ -29,7 +31,7 @@ export const CallsTable = (props: CallsTableProps) => {
 			<CallsTableAttribute
 				label="ID"
 				render={(call) =>
-					<Link to={`/${network}/call/${call.id}`}>
+					<Link to={`/${network.name}/call/${call.id}`}>
 						{call.id}
 					</Link>
 				}
@@ -38,7 +40,7 @@ export const CallsTable = (props: CallsTableProps) => {
 				label="Name"
 				render={(call) =>
 					<ButtonLink
-						to={`/${network}/search?query=${call.palletName}.${call.callName}`}
+						to={`/${network.name}/search?query=${call.palletName}.${call.callName}`}
 						size="small"
 						color="secondary"
 					>
@@ -53,7 +55,6 @@ export const CallsTable = (props: CallsTableProps) => {
 						<AccountAddress
 							network={network}
 							address={call.caller}
-							prefix={call.runtimeSpec.metadata.ss58Prefix}
 							shorten
 							copyToClipboard="small"
 						/>
@@ -63,7 +64,7 @@ export const CallsTable = (props: CallsTableProps) => {
 			<CallsTableAttribute
 				label="Extrinsic"
 				render={(call) =>
-					<Link to={`/${network}/extrinsic/${call.extrinsicId}`}>
+					<Link to={`/${network.name}/extrinsic/${call.extrinsicId}`}>
 						{call.extrinsicId}
 					</Link>
 				}
diff --git a/src/components/events/EventInfoTable.tsx b/src/components/events/EventInfoTable.tsx
index b23cbebe..b6e20e5b 100644
--- a/src/components/events/EventInfoTable.tsx
+++ b/src/components/events/EventInfoTable.tsx
@@ -1,4 +1,5 @@
 import { Event } from "../../model/event";
+import { Network } from "../../model/network";
 import { Resource } from "../../model/resource";
 import { getEventMetadataByName } from "../../utils/queryMetadata";
 
@@ -9,7 +10,7 @@ import { Link } from "../Link";
 import { Time } from "../Time";
 
 export type EventInfoTableProps = {
-	network: string;
+	network: Network;
 	event: Resource<Event>;
 }
 
@@ -42,7 +43,7 @@ export const EventInfoTable = (props: EventInfoTableProps) => {
 				label="Block"
 				render={(data) =>
 					<Link
-						to={`/${network}/block/${data.blockId}`}
+						to={`/${network.name}/block/${data.blockId}`}
 					>
 						{data.blockHeight}
 					</Link>
@@ -53,7 +54,7 @@ export const EventInfoTable = (props: EventInfoTableProps) => {
 				label="Extrinsic"
 				render={(data) => data.extrinsicId &&
 					<Link
-						to={`/${network}/extrinsic/${data.extrinsicId}`}
+						to={`/${network.name}/extrinsic/${data.extrinsicId}`}
 					>
 						{data.extrinsicId}
 					</Link>
@@ -64,7 +65,7 @@ export const EventInfoTable = (props: EventInfoTableProps) => {
 				label="Call"
 				render={(data) => data.callId &&
 					<Link
-						to={`/${network}/call/${data.callId}`}
+						to={`/${network.name}/call/${data.callId}`}
 					>
 						{data.callId}
 					</Link>
@@ -75,7 +76,7 @@ export const EventInfoTable = (props: EventInfoTableProps) => {
 				label="Name"
 				render={(data) =>
 					<ButtonLink
-						to={`/${network}/search?query=${data.palletName}.${data.eventName}`}
+						to={`/${network.name}/search?query=${data.palletName}.${data.eventName}`}
 						size="small"
 						color="secondary"
 					>
diff --git a/src/components/events/EventsTable.tsx b/src/components/events/EventsTable.tsx
index 8ad08fd5..80ce08a3 100644
--- a/src/components/events/EventsTable.tsx
+++ b/src/components/events/EventsTable.tsx
@@ -2,6 +2,7 @@
 import { css } from "@emotion/react";
 
 import { Event } from "../../model/event";
+import { Network } from "../../model/network";
 import { PaginatedResource } from "../../model/paginatedResource";
 
 import { getEventMetadataByName } from "../../utils/queryMetadata";
@@ -16,7 +17,7 @@ const parametersColCss = (showExtrinsic?: boolean) => css`
 `;
 
 export type EventsTableProps = {
-	network: string;
+	network: Network;
 	events: PaginatedResource<Event>;
 	showExtrinsic?: boolean;
 };
@@ -39,7 +40,7 @@ function EventsTable(props: EventsTableProps) {
 			<EventsItemsTableAttribute
 				label="ID"
 				render={(event) => (
-					<Link to={`/${network}/event/${event.id}`}>
+					<Link to={`/${network.name}/event/${event.id}`}>
 						{event.id}
 					</Link>
 				)}
@@ -48,7 +49,7 @@ function EventsTable(props: EventsTableProps) {
 				label="Name"
 				render={(event) =>
 					<ButtonLink
-						to={`/${network}/search?query=${event.palletName}.${event.eventName}`}
+						to={`/${network.name}/search?query=${event.palletName}.${event.eventName}`}
 						size="small"
 						color="secondary"
 					>
@@ -60,7 +61,7 @@ function EventsTable(props: EventsTableProps) {
 				<EventsItemsTableAttribute
 					label="Extrinsic"
 					render={(event) => event.extrinsicId && (
-						<Link to={`/${network}/extrinsic/${event.extrinsicId}`}>
+						<Link to={`/${network.name}/extrinsic/${event.extrinsicId}`}>
 							{event.extrinsicId}
 						</Link>
 					)}
diff --git a/src/components/extrinsics/ExtrinsicInfoTable.tsx b/src/components/extrinsics/ExtrinsicInfoTable.tsx
index f241579b..5f0a2ee2 100644
--- a/src/components/extrinsics/ExtrinsicInfoTable.tsx
+++ b/src/components/extrinsics/ExtrinsicInfoTable.tsx
@@ -4,6 +4,7 @@ import CrossIcon from "../../assets/cross-icon.png";
 import CheckIcon from "../../assets/check-icon.png";
 
 import { Extrinsic } from "../../model/extrinsic";
+import { Network } from "../../model/network";
 import { Resource } from "../../model/resource";
 
 import { encodeAddress } from "../../utils/formatAddress";
@@ -17,7 +18,7 @@ import { Link } from "../Link";
 import { Time } from "../Time";
 
 export type ExtrinsicInfoTableProps = {
-	network: string;
+	network: Network;
 	extrinsic: Resource<Extrinsic>;
 }
 
@@ -54,7 +55,7 @@ export const ExtrinsicInfoTable = (props: ExtrinsicInfoTableProps) => {
 			<ExtrinsicInfoTableAttribute
 				label="Block"
 				render={(data) =>
-					<Link to={`/${network}/block/${data.blockId}`}>
+					<Link to={`/${network.name}/block/${data.blockId}`}>
 						{data.blockHeight}
 					</Link>
 				}
@@ -66,11 +67,10 @@ export const ExtrinsicInfoTable = (props: ExtrinsicInfoTableProps) => {
 					<AccountAddress
 						network={network}
 						address={data.signer}
-						prefix={data.runtimeSpec.metadata.ss58Prefix}
 					/>
 				}
 				copyToClipboard={(data) => data.signer &&
-					encodeAddress(data.signer, data.runtimeSpec.metadata.ss58Prefix)
+					encodeAddress(data.signer, network.prefix)
 				}
 				hide={(data) => !data.signer}
 			/>
@@ -88,7 +88,7 @@ export const ExtrinsicInfoTable = (props: ExtrinsicInfoTableProps) => {
 				label="Name"
 				render={(data) =>
 					<ButtonLink
-						to={`/${network}/search?query=${data.palletName}.${data.callName}`}
+						to={`/${network.name}/search?query=${data.palletName}.${data.callName}`}
 						size="small"
 						color="secondary"
 					>
diff --git a/src/components/extrinsics/ExtrinsicsTable.tsx b/src/components/extrinsics/ExtrinsicsTable.tsx
index 86e31672..132c95b4 100644
--- a/src/components/extrinsics/ExtrinsicsTable.tsx
+++ b/src/components/extrinsics/ExtrinsicsTable.tsx
@@ -1,4 +1,5 @@
 import { Extrinsic } from "../../model/extrinsic";
+import { Network } from "../../model/network";
 import { PaginatedResource } from "../../model/paginatedResource";
 
 import { AccountAddress } from "../AccountAddress";
@@ -8,7 +9,7 @@ import { Link } from "../Link";
 import { Time } from "../Time";
 
 export type ExtrinsicsTableProps = {
-	network: string;
+	network: Network;
 	extrinsics: PaginatedResource<Extrinsic>,
 	showAccount?: boolean;
 	showTime?: boolean;
@@ -62,7 +63,6 @@ function ExtrinsicsTable(props: ExtrinsicsTableProps) {
 							<AccountAddress
 								network={network}
 								address={extrinsic.signer}
-								prefix={extrinsic.runtimeSpec.metadata.ss58Prefix}
 								shorten
 								copyToClipboard="small"
 							/>
diff --git a/src/components/network/NetworkStats.tsx b/src/components/network/NetworkStats.tsx
index a7fc5e82..f9ea3e07 100644
--- a/src/components/network/NetworkStats.tsx
+++ b/src/components/network/NetworkStats.tsx
@@ -10,11 +10,11 @@ import StakingReward from "../../assets/staking-reward.svg";
 
 import { Resource } from "../../model/resource";
 import { Stats } from "../../model/stats";
-import { getNetwork } from "../../services/networksService";
 
 import { ErrorMessage } from "../ErrorMessage";
 import Loading from "../Loading";
 import NotFound from "../NotFound";
+import { Network } from "../../model/network";
 
 const statStyle = css`
 	min-width: 100px;
@@ -80,14 +80,12 @@ const StatItem = (props: StatItemProps) => {
 };
 
 export type NetworkInfoTableProps = {
+	network: Network;
 	stats: Resource<Stats>;
-	networkName: string;
 }
 
 export const NetworkStats = (props: NetworkInfoTableProps) => {
-	const { stats, networkName } = props;
-
-	const network = getNetwork(networkName);
+	const { stats, network } = props;
 
 	if (stats.loading) {
 		return <Loading />;
diff --git a/src/components/transfers/TransfersTable.tsx b/src/components/transfers/TransfersTable.tsx
index d17582ce..59caea3b 100644
--- a/src/components/transfers/TransfersTable.tsx
+++ b/src/components/transfers/TransfersTable.tsx
@@ -5,7 +5,7 @@ import CheckIcon from "../../assets/check-icon.png";
 
 import { PaginatedResource } from "../../model/paginatedResource";
 import { Transfer } from "../../model/transfer";
-import { getNetwork } from "../../services/networksService";
+import { Network } from "../../model/network";
 
 import { AccountAddress } from "../AccountAddress";
 import { Currency } from "../Currency";
@@ -14,7 +14,7 @@ import { Link } from "../Link";
 import { Time } from "../Time";
 
 export type TransfersTableProps = {
-	network: string;
+	network: Network;
 	transfers: PaginatedResource<Transfer>,
 	showTime?: boolean;
 };
@@ -43,7 +43,7 @@ function TransfersTable(props: TransfersTableProps) {
 			<TransfersTableAttribute
 				label="Extrinsic"
 				render={(transfer) => transfer.extrinsic &&
-					<Link to={`/${network}/extrinsic/${transfer.extrinsic.id}`}>
+					<Link to={`/${network.name}/extrinsic/${transfer.extrinsic.id}`}>
 						{transfer.extrinsic.id}
 					</Link>
 				}
@@ -54,7 +54,6 @@ function TransfersTable(props: TransfersTableProps) {
 					<AccountAddress
 						network={network}
 						address={transfer.fromPublicKey}
-						prefix={transfer.runtimeSpec.metadata.ss58Prefix}
 						shorten
 						copyToClipboard="small"
 					/>
@@ -66,7 +65,6 @@ function TransfersTable(props: TransfersTableProps) {
 					<AccountAddress
 						network={network}
 						address={transfer.toPublicKey}
-						prefix={transfer.runtimeSpec.metadata.ss58Prefix}
 						shorten
 						copyToClipboard="small"
 					/>
@@ -77,7 +75,7 @@ function TransfersTable(props: TransfersTableProps) {
 				render={(transfer) =>
 					<Currency
 						amount={transfer.amount}
-						currency={getNetwork(network).symbol}
+						currency={network.symbol}
 						decimalPlaces="optimal"
 						showFullInTooltip
 					/>
diff --git a/src/screens/account.tsx b/src/screens/account.tsx
index 60984088..a8032468 100644
--- a/src/screens/account.tsx
+++ b/src/screens/account.tsx
@@ -119,7 +119,7 @@ export const AccountPage = () => {
 					</CardHeader>
 					<AccountInfoTable
 						css={accountInfoTableStyle}
-						network={network.name}
+						network={network}
 						account={account}
 					/>
 					<AccountIdentityInfo
@@ -164,7 +164,7 @@ export const AccountPage = () => {
 							error={extrinsics.error}
 							value="extrinsics"
 						>
-							<ExtrinsicsTable network={network.name} extrinsics={extrinsics} showTime />
+							<ExtrinsicsTable network={network} extrinsics={extrinsics} showTime />
 						</TabPane>
 						{hasSupport(network.name, "explorer-squid") &&
 							<TabPane
@@ -174,7 +174,7 @@ export const AccountPage = () => {
 								error={calls.error}
 								value="calls"
 							>
-								<CallsTable network={network.name} calls={calls} />
+								<CallsTable network={network} calls={calls} />
 							</TabPane>
 						}
 						{hasSupport(network.name, "main-squid") &&
@@ -185,7 +185,7 @@ export const AccountPage = () => {
 								error={transfers.error}
 								value="transfers"
 							>
-								<TransfersTable network={network.name} transfers={transfers} showTime />
+								<TransfersTable network={network} transfers={transfers} showTime />
 							</TabPane>
 						}
 					</TabbedContent>
diff --git a/src/screens/block.tsx b/src/screens/block.tsx
index 3cb1779f..3138e0cd 100644
--- a/src/screens/block.tsx
+++ b/src/screens/block.tsx
@@ -46,7 +46,7 @@ export const BlockPage = () => {
 					<CopyToClipboardButton value={id} />
 				</CardHeader>
 				<BlockInfoTable
-					network={network.name}
+					network={network}
 					block={block}
 				/>
 			</Card>
@@ -60,7 +60,7 @@ export const BlockPage = () => {
 							error={extrinsics.error}
 							value="extrinsics"
 						>
-							<ExtrinsicsTable network={network.name} extrinsics={extrinsics} showAccount />
+							<ExtrinsicsTable network={network} extrinsics={extrinsics} showAccount />
 						</TabPane>
 						<TabPane
 							label="Calls"
@@ -69,7 +69,7 @@ export const BlockPage = () => {
 							error={calls.error}
 							value="calls"
 						>
-							<CallsTable network={network.name} calls={calls} showAccount />
+							<CallsTable network={network} calls={calls} showAccount />
 						</TabPane>
 						<TabPane
 							label="Events"
@@ -78,7 +78,7 @@ export const BlockPage = () => {
 							error={events.error}
 							value="events"
 						>
-							<EventsTable network={network.name} events={events} showExtrinsic />
+							<EventsTable network={network} events={events} showExtrinsic />
 						</TabPane>
 					</TabbedContent>
 				</Card>
diff --git a/src/screens/call.tsx b/src/screens/call.tsx
index ce4a5e2a..cb0fafeb 100644
--- a/src/screens/call.tsx
+++ b/src/screens/call.tsx
@@ -30,7 +30,7 @@ export const CallPage = () => {
 					Call #{id}
 					<CopyToClipboardButton value={id} />
 				</CardHeader>
-				<CallInfoTable network={network.name} call={call} />
+				<CallInfoTable network={network} call={call} />
 			</Card>
 			{call.data &&
 				<Card>
@@ -42,7 +42,7 @@ export const CallPage = () => {
 							error={events.error}
 							value="events"
 						>
-							<EventsTable network={network.name} events={events} />
+							<EventsTable network={network} events={events} />
 						</TabPane>
 					</TabbedContent>
 				</Card>
diff --git a/src/screens/event.tsx b/src/screens/event.tsx
index 175c4e50..66c277c1 100644
--- a/src/screens/event.tsx
+++ b/src/screens/event.tsx
@@ -25,7 +25,7 @@ export const EventPage = () => {
 				Event #{id}
 				<CopyToClipboardButton value={id} />
 			</CardHeader>
-			<EventInfoTable network={network.name} event={event} />
+			<EventInfoTable network={network} event={event} />
 		</Card>
 	</>);
 };
diff --git a/src/screens/extrinsic.tsx b/src/screens/extrinsic.tsx
index 9d83889d..ced81bdc 100644
--- a/src/screens/extrinsic.tsx
+++ b/src/screens/extrinsic.tsx
@@ -35,7 +35,7 @@ export const ExtrinsicPage = () => {
 					<CopyToClipboardButton value={id} />
 				</CardHeader>
 				<ExtrinsicInfoTable
-					network={network.name}
+					network={network}
 					extrinsic={extrinsic}
 				/>
 			</Card>
@@ -50,7 +50,7 @@ export const ExtrinsicPage = () => {
 							value="events"
 						>
 							<EventsTable
-								network={network.name}
+								network={network}
 								events={events}
 							/>
 						</TabPane>
@@ -61,7 +61,7 @@ export const ExtrinsicPage = () => {
 							error={calls.error}
 							value="calls"
 						>
-							<CallsTable network={network.name} calls={calls} showAccount />
+							<CallsTable network={network} calls={calls} showAccount />
 						</TabPane>
 					</TabbedContent>
 				</Card>
diff --git a/src/screens/network.tsx b/src/screens/network.tsx
index 55855592..703fd422 100644
--- a/src/screens/network.tsx
+++ b/src/screens/network.tsx
@@ -59,17 +59,17 @@ export const NetworkPage = () => {
 	return (
 		<>
 			<CardRow>
-				<Card>
+				<Card data-test="network-stats">
 					<CardHeader>
 						<img css={networkIconStyle} src={network.icon} />
 						{network.displayName}
 					</CardHeader>
 					{hasSupport(network.name, "stats-squid") &&
-						<NetworkStats stats={stats} networkName={network.name} />
+						<NetworkStats stats={stats} network={network} />
 					}
 				</Card>
 				{hasSupport(network.name, "stats-squid") &&
-					<Card css={tokenDistributionStyle}>
+					<Card css={tokenDistributionStyle} data-test="network-token-distribution">
 						<CardHeader>
 							Token distribution
 						</CardHeader>
@@ -82,7 +82,7 @@ export const NetworkPage = () => {
 			</CardRow>
 
 
-			<Card>
+			<Card data-test="network-related-items">
 				<TabbedContent>
 					<TabPane
 						label="Extrinsics"
@@ -91,7 +91,7 @@ export const NetworkPage = () => {
 						error={extrinsics.error}
 						value="extrinsics"
 					>
-						<ExtrinsicsTable network={network.name} extrinsics={extrinsics} showAccount showTime />
+						<ExtrinsicsTable network={network} extrinsics={extrinsics} showAccount showTime />
 					</TabPane>
 					<TabPane
 						label="Blocks"
@@ -100,7 +100,7 @@ export const NetworkPage = () => {
 						error={blocks.error}
 						value="blocks"
 					>
-						<BlocksTable network={network.name} blocks={blocks} showValidator showTime />
+						<BlocksTable network={network} blocks={blocks} showValidator showTime />
 					</TabPane>
 
 
@@ -112,7 +112,7 @@ export const NetworkPage = () => {
 								error={transfers.error}
 								value="transfers"
 							>
-								<TransfersTable network={network.name} transfers={transfers} showTime />
+								<TransfersTable network={network} transfers={transfers} showTime />
 							</TabPane>
 					}
 					{hasSupport(network.name, "stats-squid") &&
@@ -123,7 +123,7 @@ export const NetworkPage = () => {
 								error={topHolders.error}
 								value="top-holders"
 							>
-								<BalancesTable network={network.name} balances={topHolders} usdRates={usdRates} />
+								<BalancesTable network={network} balances={topHolders} usdRates={usdRates} />
 							</TabPane>
 					}
 				</TabbedContent>
diff --git a/src/screens/search.tsx b/src/screens/search.tsx
index 05c198e3..3edeb68b 100644
--- a/src/screens/search.tsx
+++ b/src/screens/search.tsx
@@ -147,7 +147,7 @@ export const SearchPage = () => {
 						error={extrinsicsByName.error}
 						value="extrinsics"
 					>
-						<ExtrinsicsTable network={network.name} extrinsics={extrinsicsByName} showAccount showTime />
+						<ExtrinsicsTable network={network} extrinsics={extrinsicsByName} showAccount showTime />
 					</TabPane>
 				}
 				{!eventsByName.notFound &&
@@ -158,7 +158,7 @@ export const SearchPage = () => {
 						error={eventsByName.error}
 						value="events"
 					>
-						<EventsTable network={network.name} events={eventsByName} showExtrinsic />
+						<EventsTable network={network} events={eventsByName} showExtrinsic />
 					</TabPane>
 				}
 			</TabbedContent>
diff --git a/test/e2e/account.spec.ts b/test/e2e/account.spec.ts
index 251f5649..95de201c 100644
--- a/test/e2e/account.spec.ts
+++ b/test/e2e/account.spec.ts
@@ -189,7 +189,9 @@ test.describe("Account detail page", () => {
 		await page.getByTestId("extrinsics-tab").click();
 
 		await removeContent(page.locator("[data-test=extrinsics-table] tr td"));
-		await takeScreenshot("account-with-extrinsics");
+
+		const accountRelatedItems = page.getByTestId("account-related-items");
+		await takeScreenshot("account-with-extrinsics", accountRelatedItems);
 	});
 
 	test("shows account detail page with calls", async ({ page, takeScreenshot }) => {
@@ -198,7 +200,9 @@ test.describe("Account detail page", () => {
 		await page.getByTestId("calls-tab").click();
 
 		await removeContent(page.locator("[data-test=calls-table] tr td"));
-		await takeScreenshot("account-with-calls");
+
+		const accountRelatedItems = page.getByTestId("account-related-items");
+		await takeScreenshot("account-with-calls", accountRelatedItems);
 	});
 
 	test("shows account detail page with transfers", async ({ page, takeScreenshot }) => {
@@ -207,7 +211,9 @@ test.describe("Account detail page", () => {
 		await page.getByTestId("transfers-tab").click();
 
 		await removeContent(page.locator("[data-test=transfers-table] tr td"));
-		await takeScreenshot("account-with-transfers");
+
+		const accountRelatedItems = page.getByTestId("account-related-items");
+		await takeScreenshot("account-with-transfers", accountRelatedItems);
 	});
 
 	test("shows error message if account address is not valid", async ({ page, takeScreenshot }) => {
@@ -261,7 +267,8 @@ test.describe("Account detail page", () => {
 		await expect(errorMessage).toHaveText(/Unexpected error/);
 		await expect(errorMessage).toHaveText(/Extrinsics error/);
 
-		await takeScreenshot("account-with-extrinsics-error");
+		const accountRelatedItems = page.getByTestId("account-related-items");
+		await takeScreenshot("account-with-extrinsics-error", accountRelatedItems);
 	});
 
 	test("shows error message when calls items fetch fails", async ({ page, takeScreenshot }) => {
@@ -287,7 +294,8 @@ test.describe("Account detail page", () => {
 		await expect(errorMessage).toHaveText(/Unexpected error/);
 		await expect(errorMessage).toHaveText(/Calls error/);
 
-		await takeScreenshot("account-with-calls-error");
+		const accountRelatedItems = page.getByTestId("account-related-items");
+		await takeScreenshot("account-with-calls-error", accountRelatedItems);
 	});
 
 	test("shows error message when transfers items fetch fails", async ({ page, takeScreenshot }) => {
@@ -313,6 +321,7 @@ test.describe("Account detail page", () => {
 		await expect(errorMessage).toHaveText(/Unexpected error/);
 		await expect(errorMessage).toHaveText(/Transfers error/);
 
-		await takeScreenshot("account-with-transfers-error");
+		const accountRelatedItems = page.getByTestId("account-related-items");
+		await takeScreenshot("account-with-transfers-error", accountRelatedItems);
 	});
 });
diff --git a/test/e2e/network.fixture.json b/test/e2e/network.fixture.json
new file mode 100644
index 00000000..d93811c7
--- /dev/null
+++ b/test/e2e/network.fixture.json
@@ -0,0 +1,22 @@
+{
+	"stats": {
+		"data": {
+			"currents": [
+				{
+					"chainFinalizedBlocks": "17041967",
+					"nominationPoolsMembersAmount": 14111,
+					"nominationPoolsPoolsActiveTotalStake": "66052692450108600",
+					"chainSignedExtrinsics": "13401862",
+					"stakingTotalStake": "6578430208558741725",
+					"balancesTotalIssuance": "13496997352396268589",
+					"balancesTransfersAmount": "11156384",
+					"stakingActiveValidatorsAmount": 297,
+					"stakingValidatorsIdealAmount": 297,
+					"stakingInflationRatio": 7.373995331554838,
+					"stakingRewardsRatio": 15.129262196487339,
+					"nominationPoolsPoolsActiveAmount": 137
+				}
+			]
+		}
+	}
+}
diff --git a/test/e2e/chainDashboard.spec.ts b/test/e2e/network.spec.ts
similarity index 65%
rename from test/e2e/chainDashboard.spec.ts
rename to test/e2e/network.spec.ts
index 0922b0f6..02888e83 100644
--- a/test/e2e/chainDashboard.spec.ts
+++ b/test/e2e/network.spec.ts
@@ -3,21 +3,52 @@ import { navigate } from "../utils/navigate";
 import { removeContent } from "../utils/removeContent";
 import { test, expect } from "../utils/test";
 
+import fixtures from "./network.fixture.json";
 
-test.describe("Chain dashboard page", () => {
+test.describe("Network page", () => {
+
+	test.beforeEach(async ({ page }) => {
+		await page.route("**/*", (route, request) => {
+
+			if (request.url().match("gs-stats-polkadot") && request.postDataJSON()?.query.match("currents")) {
+				return route.fulfill({
+					status: 200,
+					body: JSON.stringify(fixtures.stats)
+				});
+			}
+
+			route.continue();
+		});
+	});
 
 	test("redirects to /:network", async ({ page, takeScreenshot }) => {
-		await navigate(page, "/kusama/latest-extrinsics", {waitUntil: "data-loaded"});
-		await page.waitForURL(/\/kusama/);
+		await navigate(page, "/polkadot/latest-extrinsics", {waitUntil: "data-loaded"});
+		await page.waitForURL(/\/polkadot/);
+	});
+
+	test("shows stats", async ({ page, takeScreenshot }) => {
+		await navigate(page, "/polkadot", {waitUntil: "data-loaded"});
+
+		const stats = page.getByTestId("network-stats");
+		await takeScreenshot("network-stats", stats);
+	});
+
+	test("shows token distribution", async ({ page, takeScreenshot }) => {
+		await navigate(page, "/polkadot", {waitUntil: "data-loaded"});
+
+		const tokenDistribution = page.getByTestId("network-token-distribution");
+		await takeScreenshot("network-stats", tokenDistribution);
 	});
 
 	test("shows latest extrinsics tab", async ({ page, takeScreenshot }) => {
 		await navigate(page, "/polkadot", {waitUntil: "data-loaded"});
 
 		await page.getByTestId("extrinsics-tab").click();
-        
+
 		await removeContent(page.locator("[data-test=extrinsics-table] tr td"));
-		await takeScreenshot("chain-dashboard-latest-extrinsics");
+
+		const relatedItems = page.getByTestId("network-related-items");
+		await takeScreenshot("network-latest-extrinsics", relatedItems);
 	});
 
 	test("shows latest blocks tab", async ({ page, takeScreenshot }) => {
@@ -26,7 +57,9 @@ test.describe("Chain dashboard page", () => {
 		await page.getByTestId("blocks-tab").click();
 
 		await removeContent(page.locator("[data-test=blocks-table] tr td"));
-		await takeScreenshot("chain-dashboard-latest-blocks");
+
+		const relatedItems = page.getByTestId("network-related-items");
+		await takeScreenshot("network-latest-blocks", relatedItems);
 	});
 
 	test("shows latest transfers tab", async ({ page, takeScreenshot }) => {
@@ -35,7 +68,9 @@ test.describe("Chain dashboard page", () => {
 		await page.getByTestId("transfers-tab").click();
 
 		await removeContent(page.locator("[data-test=transfers-table] tr td"));
-		await takeScreenshot("chain-dashboard-latest-transfers");
+
+		const relatedItems = page.getByTestId("network-related-items");
+		await takeScreenshot("network-latest-transfers", relatedItems);
 	});
 
 	test("shows top holders tab", async ({ page, takeScreenshot }) => {
@@ -44,7 +79,9 @@ test.describe("Chain dashboard page", () => {
 		await page.getByTestId("top-holders-tab").click();
 
 		await removeContent(page.locator("[data-test=balances-table] tr td"));
-		await takeScreenshot("chain-dashboard-top-holders");
+
+		const relatedItems = page.getByTestId("network-related-items");
+		await takeScreenshot("network-top-holders", relatedItems);
 	});
 
 	test("show error message when extrinsics items fetch fails", async ({ page, takeScreenshot }) => {
@@ -68,7 +105,8 @@ test.describe("Chain dashboard page", () => {
 		await expect(errorMessage).toHaveText(/Unexpected error/);
 		await expect(errorMessage).toHaveText(/Extrinsics error/);
 
-		await takeScreenshot("chain-dashboard-latest-extrinsics-error");
+		const relatedItems = page.getByTestId("network-related-items");
+		await takeScreenshot("network-latest-extrinsics-error", relatedItems);
 	});
 
 	test("show error message when blocks items fetch fails", async ({ page, takeScreenshot }) => {
@@ -88,13 +126,14 @@ test.describe("Chain dashboard page", () => {
 		await navigate(page, "/polkadot", {waitUntil: "data-loaded"});
 
 		await page.getByTestId("blocks-tab").click();
-        
+
 		const errorMessage = page.getByTestId("error");
 		await expect(errorMessage).toBeVisible();
 		await expect(errorMessage).toHaveText(/Unexpected error/);
 		await expect(errorMessage).toHaveText(/Blocks error/);
 
-		await takeScreenshot("chain-dashboard-latest-blocks-error");
+		const relatedItems = page.getByTestId("network-related-items");
+		await takeScreenshot("network-latest-blocks-error", relatedItems);
 	});
 
 	test("show error message when transfers items fetch fails", async ({ page, takeScreenshot }) => {
@@ -114,13 +153,14 @@ test.describe("Chain dashboard page", () => {
 		await navigate(page, "/polkadot", {waitUntil: "data-loaded"});
 
 		await page.getByTestId("transfers-tab").click();
-        
+
 		const errorMessage = page.getByTestId("error");
 		await expect(errorMessage).toBeVisible();
 		await expect(errorMessage).toHaveText(/Unexpected error/);
 		await expect(errorMessage).toHaveText(/Transfers error/);
 
-		await takeScreenshot("chain-dashboard-latest-transfers-error");
+		const relatedItems = page.getByTestId("network-related-items");
+		await takeScreenshot("network-latest-transfers-error", relatedItems);
 	});
 
 	test("show error message when top holders items fetch fails", async ({ page, takeScreenshot }) => {
@@ -140,13 +180,14 @@ test.describe("Chain dashboard page", () => {
 		await navigate(page, "/polkadot", {waitUntil: "data-loaded"});
 
 		await page.getByTestId("top-holders-tab").click();
-        
+
 		const errorMessage = page.getByTestId("error");
 		await expect(errorMessage).toBeVisible();
 		await expect(errorMessage).toHaveText(/Unexpected error/);
 		await expect(errorMessage).toHaveText(/Top holders error/);
 
-		await takeScreenshot("chain-dashboard-top-holders-error");
+		const relatedItems = page.getByTestId("network-related-items");
+		await takeScreenshot("network-top-holders-error", relatedItems);
 	});
 });