From ee2f503cded7e6e0dd8332a57ee91b1db246feb4 Mon Sep 17 00:00:00 2001
From: Joe Still <joe@bioshazard.com>
Date: Fri, 26 Apr 2024 05:38:45 -0500
Subject: [PATCH] Markdown needs to be contained in div

---
 src/components/Board.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Board.jsx b/src/components/Board.jsx
index d0ccc33..d28b0b8 100644
--- a/src/components/Board.jsx
+++ b/src/components/Board.jsx
@@ -692,7 +692,9 @@ export default function Board(props) {
                       </div>
 
                       <div className="flex flex-row justify-between">
-                        <ReactMarkdown children={card.content} components={components} remarkPlugins={[remarkGfm]} />
+                        <div>
+                          <ReactMarkdown children={card.content} components={components} remarkPlugins={[remarkGfm]} />
+                        </div>
                         <div className="">
                           <button className={`bg-white rounded ${true && "invisible group-hover:visible"}`} onClick={() => cardEditToggle(card.id)}><FontAwesomeIcon icon={faPencil} /></button>
                         </div>