From e3bc16a51fa47a98ff395b8f5f8aed69c96c6234 Mon Sep 17 00:00:00 2001
From: Zishan Ahmad <zishan.barun@gmail.com>
Date: Sun, 10 Mar 2024 01:37:00 +0530
Subject: [PATCH] resolved console error due to wrong prop

---
 .../react/src/components/ChatBody/RecentMessageButton.js  | 4 ++--
 .../react/src/components/DynamicHeader/DynamicHeader.js   | 8 +++++++-
 packages/react/src/components/LinkPreview/LinkPreview.js  | 2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/react/src/components/ChatBody/RecentMessageButton.js b/packages/react/src/components/ChatBody/RecentMessageButton.js
index c2c6970bd..08e43bf2f 100644
--- a/packages/react/src/components/ChatBody/RecentMessageButton.js
+++ b/packages/react/src/components/ChatBody/RecentMessageButton.js
@@ -68,10 +68,10 @@ const RecentMessageButton = ({ visible, onClick, text }) => {
         borderRadius: '20px',
       }}
     >
-      <span css={textAndIconContainer}>
+      <div css={textAndIconContainer}>
         {text}
         <Icon name="arrow-down" size={16} />
-      </span>
+      </div>
     </Button>
   );
 };
diff --git a/packages/react/src/components/DynamicHeader/DynamicHeader.js b/packages/react/src/components/DynamicHeader/DynamicHeader.js
index 8fdb7be1e..5fc81245c 100644
--- a/packages/react/src/components/DynamicHeader/DynamicHeader.js
+++ b/packages/react/src/components/DynamicHeader/DynamicHeader.js
@@ -26,7 +26,13 @@ const DynamicHeader = ({
         gap: '0.5rem',
       }}
     >
-      <ActionButton onClick={handleClose} ghost display="inline" square small>
+      <ActionButton
+        onClick={handleClose}
+        ghost
+        display="inline"
+        square
+        size="small"
+      >
         <Icon name={iconName} size="1.25rem" />
       </ActionButton>
 
diff --git a/packages/react/src/components/LinkPreview/LinkPreview.js b/packages/react/src/components/LinkPreview/LinkPreview.js
index 828c05269..9e762eee5 100644
--- a/packages/react/src/components/LinkPreview/LinkPreview.js
+++ b/packages/react/src/components/LinkPreview/LinkPreview.js
@@ -55,7 +55,7 @@ const LinkPreview = ({ className = '', style = {}, url, meta, ...props }) => {
           ghost
           display="inline"
           square
-          small
+          size="small"
         >
           {isPreviewOpen ? (
             <Icon name="chevron-left" size="1.25rem" />