From 5c6d9a91c4d374c16ff2d9253add15aa26dd9688 Mon Sep 17 00:00:00 2001
From: themashcodee <codeemash@gmail.com>
Date: Sun, 18 Aug 2024 16:11:20 +0530
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=92=84=20fix=20minor=20ui=20issue?=
 =?UTF-8?q?=20in=20rich=20text=20quote=20elements?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  | 2 +-
 src/components/blocks/rich_text/rich_text.tsx | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index d549566..41c32d2 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
   ],
   "repository": "https://github.com/themashcodee/slack-blocks-to-jsx.git",
   "license": "MIT",
-  "version": "0.4.9",
+  "version": "0.5.0",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
diff --git a/src/components/blocks/rich_text/rich_text.tsx b/src/components/blocks/rich_text/rich_text.tsx
index bb9b94d..b024da6 100644
--- a/src/components/blocks/rich_text/rich_text.tsx
+++ b/src/components/blocks/rich_text/rich_text.tsx
@@ -115,9 +115,11 @@ const Element = (props: ElementProps) => {
       <blockquote className="flex gap-2 slack_blocks_to_jsx__rich_text_quote_element">
         {border === 1 && <div className="w-1 rounded bg-gray-primary self-stretch"></div>}
 
-        {elements.map((el, i) => {
-          return <RichTextSectionElement key={`${el.type}__${i}`} element={el} />;
-        })}
+        <div>
+          {elements.map((el, i) => {
+            return <RichTextSectionElement key={`${el.type}__${i}`} element={el} />;
+          })}
+        </div>
       </blockquote>
     );
   }