From fd619b5b4b426f91302ebce39f2dffd1c1dcfedf Mon Sep 17 00:00:00 2001
From: Bogdan Fazakas <bogdan.fazakas@gmail.com>
Date: Thu, 4 Mar 2021 18:49:36 +0200
Subject: [PATCH] set fix width for metadata item content

---
 src/components/organisms/AssetContent/MetaItem.module.css | 6 ++++++
 src/components/organisms/AssetContent/MetaItem.tsx        | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

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>
   )
 }