From e878015109f4777fe40bac902b5e16508f94fcdb Mon Sep 17 00:00:00 2001
From: DaneEveritt <dane@daneeveritt.com>
Date: Sun, 10 Jul 2022 14:53:15 -0400
Subject: [PATCH] Correctly wrap content in pre tag so it doesn't overflow

---
 .../components/elements/activity/ActivityLogMetaButton.tsx  | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/resources/scripts/components/elements/activity/ActivityLogMetaButton.tsx b/resources/scripts/components/elements/activity/ActivityLogMetaButton.tsx
index a1f99c9fe..f1460ac7c 100644
--- a/resources/scripts/components/elements/activity/ActivityLogMetaButton.tsx
+++ b/resources/scripts/components/elements/activity/ActivityLogMetaButton.tsx
@@ -9,7 +9,11 @@ export default ({ meta }: { meta: Record<string, unknown> }) => {
     return (
         <div className={'self-center md:px-4'}>
             <Dialog open={open} onClose={() => setOpen(false)} hideCloseIcon title={'Metadata'}>
-                <pre className={'bg-gray-900 rounded p-2 overflow-x-scroll font-mono text-sm leading-relaxed'}>
+                <pre
+                    className={
+                        'bg-gray-900 rounded p-2 font-mono text-sm leading-relaxed overflow-x-scroll whitespace-pre-wrap'
+                    }
+                >
                     {JSON.stringify(meta, null, 2)}
                 </pre>
                 <Dialog.Footer>