From 14197702a2a4f97810cc4d750afee9aa9d30c185 Mon Sep 17 00:00:00 2001
From: cpl121 <100352899+cpl121@users.noreply.github.com>
Date: Wed, 20 Nov 2024 17:11:44 +0100
Subject: [PATCH] fix(explorer): type format in object view (#4066)

---
 apps/explorer/src/pages/object-result/views/ObjectView.tsx     | 3 ++-
 .../lib/components/molecules/display-stats/DisplayStats.tsx    | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/explorer/src/pages/object-result/views/ObjectView.tsx b/apps/explorer/src/pages/object-result/views/ObjectView.tsx
index d9c4f427ebc..087498cf6ef 100644
--- a/apps/explorer/src/pages/object-result/views/ObjectView.tsx
+++ b/apps/explorer/src/pages/object-result/views/ObjectView.tsx
@@ -8,6 +8,7 @@ import { type IotaObjectResponse, type ObjectOwner } from '@iota/iota-sdk/client
 import {
     formatAddress,
     formatDigest,
+    formatType,
     IOTA_TYPE_ARG,
     normalizeStructTag,
     parseStructTag,
@@ -113,7 +114,7 @@ function TypeCard({ objectType }: TypeCardCardProps): JSX.Element {
         ...rest,
     };
 
-    const normalizedStructTag = normalizeStructTag(structTag);
+    const normalizedStructTag = formatType(normalizeStructTag(structTag));
     return (
         <DisplayStats
             label="Type"
diff --git a/apps/ui-kit/src/lib/components/molecules/display-stats/DisplayStats.tsx b/apps/ui-kit/src/lib/components/molecules/display-stats/DisplayStats.tsx
index 248bbe8f506..417b2b8427e 100644
--- a/apps/ui-kit/src/lib/components/molecules/display-stats/DisplayStats.tsx
+++ b/apps/ui-kit/src/lib/components/molecules/display-stats/DisplayStats.tsx
@@ -92,7 +92,7 @@ export function DisplayStats({
                 {icon && <span className="text-neutral-10 dark:text-neutral-92">{icon}</span>}
             </div>
             <div className="flex w-full flex-row items-baseline gap-xxs">
-                <span className={cx(valueClass)}>{value}</span>
+                <span className={cx('break-all', valueClass)}>{value}</span>
                 {supportingLabel && (
                     <span className={cx('opacity-40', supportingLabelTextClass)}>
                         {supportingLabel}