diff --git a/src/components/organisms/AssetContent/index.tsx b/src/components/organisms/AssetContent/index.tsx
index c9a34b623..46c197a9a 100644
--- a/src/components/organisms/AssetContent/index.tsx
+++ b/src/components/organisms/AssetContent/index.tsx
@@ -51,6 +51,10 @@ export default function AssetContent({
             /> */}
           {/* <DeleteAction ddo={ddo} /> */}
         </div>
+
+        <pre>
+          <code>{JSON.stringify(ddo, null, 2)}</code>
+        </pre>
       </div>
       <div>
         <div className={styles.sticky}>
diff --git a/src/global/_code.css b/src/global/_code.css
index 14aabba40..bfe882ed9 100644
--- a/src/global/_code.css
+++ b/src/global/_code.css
@@ -14,13 +14,22 @@ code {
 pre {
   display: block;
   margin: calc(var(--spacer) / 2) 0;
-  padding: 0;
-  border: 1px solid var(--brand-grey-lighter);
+  padding: calc(var(--spacer) / 2);
+  background-color: var(--brand-grey-dimmed) !important;
   border-radius: var(--border-radius);
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  max-height: 800px;
+  width: 100%;
+  position: relative;
 }
 
 pre code {
-  padding: calc(var(--spacer) / 2);
+  padding: 0;
+  white-space: pre;
   display: block;
-  white-space: pre-wrap;
+  overflow-wrap: normal;
+  word-wrap: normal;
+  word-break: normal;
+  width: 100%;
 }