diff --git a/apps/explorer/src/comps/AccountCard.tsx b/apps/explorer/src/comps/AccountCard.tsx
index b33d59cb4..202d0fe1f 100644
--- a/apps/explorer/src/comps/AccountCard.tsx
+++ b/apps/explorer/src/comps/AccountCard.tsx
@@ -72,7 +72,8 @@ export function AccountCard(props: AccountCard.Props) {
 							)}
 						</div>
 					</div>
-					<p className="text-[14px] font-normal leading-[17px] text-primary break-all max-w-[22ch] font-mono">
+					{/* 42 chars / 2 lines = 21ch */}
+					<p className="text-[14px] font-normal leading-[17px] text-primary break-all max-w-[21ch] font-mono">
 						{address}
 					</p>
 				</button>,
diff --git a/apps/explorer/src/comps/BlockCard.tsx b/apps/explorer/src/comps/BlockCard.tsx
index 80879d462..fbae24495 100644
--- a/apps/explorer/src/comps/BlockCard.tsx
+++ b/apps/explorer/src/comps/BlockCard.tsx
@@ -107,7 +107,7 @@ export function BlockCard(props: BlockCard.Props) {
 					/>
 					<BlockCard.TimeRow label="UNIX" value={String(timestamp)} />
 				</div>,
-				<div key="hash-parent" className="w-full flex flex-col gap-[8px]">
+				<div key="hash-parent" className="w-full flex flex-col gap-[12px]">
 					{hash && (
 						<button
 							type="button"
@@ -126,7 +126,9 @@ export function BlockCard(props: BlockCard.Props) {
 									)}
 								</div>
 							</div>
-							<div className="text-[14px] font-mono font-normal leading-[18px] text-primary break-all max-w-[calc(22ch+22px)]">
+							{/* the 15px font size needs to match the block number wrapper font size to make sure they align */}
+							{/* 22 chars/line * (1ch + 1px tracking) */}
+							<div className="text-[15px] font-mono font-normal leading-[18px] tracking-[1px] text-primary break-all max-w-[calc(22ch+22px)]">
 								{hash}
 							</div>
 						</button>
@@ -263,11 +265,11 @@ export namespace BlockCard {
 
 	export function BlockNumber(props: BlockNumber.Props) {
 		const { value } = props
-		const str = String(value).padStart(14, '0')
+		const str = String(value).padStart(15, '0')
 		const zerosEnd = str.match(/^0*/)?.[0].length ?? 0
 		return (
-			// the 14px font size is used to set the same width as the block hash
-			<div className="text-[14px] max-w-[calc(22ch+22px)] font-mono">
+			// the 15px font size is used to set the same width as the block hash
+			<div className="text-[15px] max-w-[calc(22ch+22px)] font-mono">
 				<span className="flex justify-between gap-px text-[22px] text-tertiary">
 					{str.split('').map((char, index) => (
 						<span
diff --git a/apps/explorer/src/comps/TxTransactionCard.tsx b/apps/explorer/src/comps/TxTransactionCard.tsx
index d7e701d74..9250692db 100644
--- a/apps/explorer/src/comps/TxTransactionCard.tsx
+++ b/apps/explorer/src/comps/TxTransactionCard.tsx
@@ -40,7 +40,8 @@ export function TxTransactionCard(props: TxTransactionCard.Props) {
 							)}
 						</div>
 					</div>
-					<p className="text-[14px] font-normal leading-[17px] text-primary break-all max-w-[23ch] font-mono">
+					{/* 66 chars / 3 lines = 22ch */}
+					<p className="text-[14px] font-normal leading-[17px] text-primary break-all max-w-[22ch] font-mono">
 						{hash}
 					</p>
 				</button>,
diff --git a/apps/explorer/src/routes/_layout/demo/address.tsx b/apps/explorer/src/routes/_layout/demo/address.tsx
index acb38f77e..6961b5782 100644
--- a/apps/explorer/src/routes/_layout/demo/address.tsx
+++ b/apps/explorer/src/routes/_layout/demo/address.tsx
@@ -896,7 +896,7 @@ function Component() {
 								)}
 							</div>
 						</div>
-						<p className="text-[14px] font-normal leading-[17px] tracking-[0.02em] text-primary break-all max-w-[22ch]">
+						<p className="text-[14px] font-normal leading-[17px] tracking-[0.02em] text-primary break-all max-w-[21ch]">
 							{accountAddress}
 						</p>
 					</button>,
diff --git a/apps/explorer/src/routes/_layout/token/$address.tsx b/apps/explorer/src/routes/_layout/token/$address.tsx
index 420e4c24b..93d6e107d 100644
--- a/apps/explorer/src/routes/_layout/token/$address.tsx
+++ b/apps/explorer/src/routes/_layout/token/$address.tsx
@@ -353,7 +353,7 @@ function TokenCard(props: {
 							)}
 						</div>
 					</div>
-					<p className="text-[14px] font-mono font-normal leading-4.25 text-primary break-all max-w-[22ch]">
+					<p className="text-[14px] font-mono font-normal leading-4.25 text-primary break-all max-w-[21ch]">
 						{address}
 					</p>
 				</button>,