From 11bfcd605a320e98ad6778fe1748b1df5901bfc3 Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Wed, 7 Feb 2024 12:51:10 +0100
Subject: [PATCH] fix: overflowing description (#6150)

---
 .../FeatureOverviewMetaData/FeatureOverviewMetaData.tsx   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx
index 56cb66bbe4..a4b4353186 100644
--- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx
+++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx
@@ -56,6 +56,10 @@ const StyledDescriptionContainer = styled('div')(({ theme }) => ({
     color: theme.palette.primary.contrastText,
 }));
 
+const StyledDescription = styled('p')({
+    wordBreak: 'break-all',
+});
+
 const FeatureOverviewMetaData = () => {
     const projectId = useRequiredPathParam('projectId');
     const featureId = useRequiredPathParam('featureId');
@@ -88,7 +92,9 @@ const FeatureOverviewMetaData = () => {
                             <StyledBodyItem data-loading>
                                 <div>Description:</div>
                                 <StyledDescriptionContainer>
-                                    <p>{description}</p>
+                                    <StyledDescription>
+                                        {description}
+                                    </StyledDescription>
                                     <PermissionIconButton
                                         projectId={projectId}
                                         permission={UPDATE_FEATURE}