From a8e6fd9cb846586dce3c8250c31199bea289a36b Mon Sep 17 00:00:00 2001
From: Kellan Wampler <kellan@moonstream.to>
Date: Mon, 19 Jun 2023 10:35:17 -0400
Subject: [PATCH] Fixing display issue in gofp metdata blockquotes.

---
 portal/src/components/gofp/GoFPMetadataPanel.tsx | 3 ++-
 portal/src/styles/globals.css                    | 4 +---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/portal/src/components/gofp/GoFPMetadataPanel.tsx b/portal/src/components/gofp/GoFPMetadataPanel.tsx
index 459e7367..0b12a78d 100644
--- a/portal/src/components/gofp/GoFPMetadataPanel.tsx
+++ b/portal/src/components/gofp/GoFPMetadataPanel.tsx
@@ -22,6 +22,7 @@ import useGofp from "../../contexts/GoFPContext";
 import useGofpContract from "../../hooks/useGofpConract";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
+import remarkBreaks from "remark-breaks";
 
 const MetadataPanel = () => {
   const web3ctx = useContext(Web3Context);
@@ -95,7 +96,7 @@ const MetadataPanel = () => {
                       fontWeight="700"
                       lineHeight="160%"
                     >
-                      <ReactMarkdown className="markdown" remarkPlugins={[remarkGfm]}>
+                      <ReactMarkdown className="markdown" remarkPlugins={[remarkGfm, remarkBreaks]}>
                         {stage.lore}
                       </ReactMarkdown>
                     </Flex>
diff --git a/portal/src/styles/globals.css b/portal/src/styles/globals.css
index 61ab44a8..8e3c7624 100644
--- a/portal/src/styles/globals.css
+++ b/portal/src/styles/globals.css
@@ -144,6 +144,4 @@ blockquote {
   font-weight: 400;
   line-height: 140%;
 }
-blockquote p {
-  display: inline;
-}
+