diff --git a/src/components/organisms/AssetContent/MetaItem.module.css b/src/components/organisms/AssetContent/MetaItem.module.css
index a01955170..8903b9c32 100644
--- a/src/components/organisms/AssetContent/MetaItem.module.css
+++ b/src/components/organisms/AssetContent/MetaItem.module.css
@@ -10,3 +10,9 @@
   color: var(--color-secondary);
   text-transform: uppercase;
 }
+
+.content {
+  width: 11.5rem;
+  word-wrap: break-word;
+  white-space: normal;
+}
diff --git a/src/components/organisms/AssetContent/MetaItem.tsx b/src/components/organisms/AssetContent/MetaItem.tsx
index 5bb4275e2..518edb6c5 100644
--- a/src/components/organisms/AssetContent/MetaItem.tsx
+++ b/src/components/organisms/AssetContent/MetaItem.tsx
@@ -1,5 +1,7 @@
 import React, { ReactElement, ReactNode } from 'react'
 import styles from './MetaItem.module.css'
+import { syncBuiltinESMExports } from 'module'
+import style from 'react-syntax-highlighter/dist/esm/styles/hljs/github-gist'
 
 export default function MetaItem({
   title,
@@ -11,7 +13,7 @@ export default function MetaItem({
   return (
     <div className={styles.metaItem}>
       <h3 className={styles.title}>{title}</h3>
-      {content}
+      <div className={styles.content}>{content}</div>
     </div>
   )
 }