From 6806aff6b6a88aa2c8b61b072954d72f24fd0522 Mon Sep 17 00:00:00 2001
From: sam-keen <samuel.kleinmann@gmail.com>
Date: Thu, 24 Mar 2022 16:44:23 +0000
Subject: [PATCH] frontend-monorepo-134 Ensure displayed ids are using mono
 font

---
 apps/explorer/src/app/components/blocks/block-data.tsx | 6 +++---
 apps/explorer/src/app/routes/blocks/id/index.tsx       | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/explorer/src/app/components/blocks/block-data.tsx b/apps/explorer/src/app/components/blocks/block-data.tsx
index 625686995..f155679b6 100644
--- a/apps/explorer/src/app/components/blocks/block-data.tsx
+++ b/apps/explorer/src/app/components/blocks/block-data.tsx
@@ -19,7 +19,7 @@ export const BlockData = ({ block, className }: BlockProps) => {
       <TableRow data-testid="block-row" modifier="background">
         <TableCell
           data-testid="block-height"
-          className="pl-4 py-2"
+          className="pl-4 py-2 font-mono"
           aria-label="Block height"
         >
           <Link
@@ -40,7 +40,7 @@ export const BlockData = ({ block, className }: BlockProps) => {
         </TableCell>
         <TableCell
           data-testid="validator-link"
-          className="px-8 text-center"
+          className="px-8 text-center font-mono"
           aria-label="Validator"
         >
           <Link to={`/${Routes.VALIDATORS}`}>
@@ -49,7 +49,7 @@ export const BlockData = ({ block, className }: BlockProps) => {
         </TableCell>
         <TableCell
           data-testid="block-time"
-          className="text-center pr-28 text-neutral-300"
+          className="text-center pr-28 text-neutral-300 w-[170px]"
           aria-label="Block genesis"
         >
           <SecondsAgo date={block.header?.time} />
diff --git a/apps/explorer/src/app/routes/blocks/id/index.tsx b/apps/explorer/src/app/routes/blocks/id/index.tsx
index 3dbe82c22..8a335394e 100644
--- a/apps/explorer/src/app/routes/blocks/id/index.tsx
+++ b/apps/explorer/src/app/routes/blocks/id/index.tsx
@@ -36,7 +36,7 @@ const Block = () => {
           <TableCell modifier="bordered">
             <Link
               data-testid="block-validator"
-              className="text-vega-yellow"
+              className="text-vega-yellow font-mono"
               to={'/validators'}
             >
               {header.proposer_address}