From e5dd47325a477edb191bfacd8b4bc23612f7da25 Mon Sep 17 00:00:00 2001
From: Matthew Stanciu <mattbstanciu@gmail.com>
Date: Mon, 22 Jan 2024 21:41:52 -0500
Subject: [PATCH] Fix description box overflow

---
 components/desc-box.tsx   | 2 +-
 components/past-event.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/desc-box.tsx b/components/desc-box.tsx
index 839ef1a..b494f56 100644
--- a/components/desc-box.tsx
+++ b/components/desc-box.tsx
@@ -1,6 +1,6 @@
 const DescriptionBox = ({ ...props }) => (
   <div className="container mx-auto p-8 px-4 md:px-16 lg:px-64 xl:px-96">
-    <div className="border-2 border-dashed rounded-lg p-4 border-amber-400 dark:border-amber-500">
+    <div className="border-2 border-dashed rounded-lg p-4 border-amber-400 dark:border-amber-500 break-all">
       {props.children}
     </div>
   </div>
diff --git a/components/past-event.tsx b/components/past-event.tsx
index 3740b0a..ceb33d3 100644
--- a/components/past-event.tsx
+++ b/components/past-event.tsx
@@ -84,7 +84,7 @@ const PastEvent = ({ event }: { event: PHEvent }) => {
             } sm:gap-x-4 items-center`}
           >
             <StatsCard event={event} />
-            <div className="sm:max-w-lg md:max-w-xl">
+            <div className="sm:max-w-lg md:max-w-xl break-all">
               <div className="flex flex-col justify-items-center sm:justify-items-end">
                 <div
                   className={`mx-4 mt-4 ${