From 700f09e58d55c2e8d34ada696b8b086876854006 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 26 Jun 2024 19:47:49 -0300
Subject: [PATCH] update share modal style (#2361)

Refactor component to use a div instead of a span for better styling and layout

Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .../src/components/editFlowSettingsComponent/index.tsx      | 6 +++---
 src/frontend/src/modals/shareModal/index.tsx                | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/editFlowSettingsComponent/index.tsx b/src/frontend/src/components/editFlowSettingsComponent/index.tsx
index 34cd39180..d6f518776 100644
--- a/src/frontend/src/components/editFlowSettingsComponent/index.tsx
+++ b/src/frontend/src/components/editFlowSettingsComponent/index.tsx
@@ -107,14 +107,14 @@ export const EditFlowSettings: React.FC<InputProps> = ({
             }}
           />
         ) : (
-          <span
+          <div
             className={cn(
-              "font-normal text-muted-foreground word-break-break-word",
+              "max-h-[250px] overflow-auto font-normal text-muted-foreground word-break-break-word",
               description === "" ? "font-light italic" : "",
             )}
           >
             {description === "" ? "No description" : description}
-          </span>
+          </div>
         )}
       </Label>
       {setEndpointName && (
diff --git a/src/frontend/src/modals/shareModal/index.tsx b/src/frontend/src/modals/shareModal/index.tsx
index 13d50f0a9..c0ba3d628 100644
--- a/src/frontend/src/modals/shareModal/index.tsx
+++ b/src/frontend/src/modals/shareModal/index.tsx
@@ -128,7 +128,7 @@ export default function ShareModal({
         successShare,
         (err) => {
           setErrorData({
-            title: "Error sharing " + is_component ? "component" : "flow",
+            title: "Error sharing " + (is_component ? "component" : "flow"),
             list: [err["response"]["data"]["detail"]],
           });
         },