From 7e5ce08ea83c5240b9d2049f8abcf3969c578f52 Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Tue, 25 Jun 2024 12:22:03 +0200
Subject: [PATCH] fix: long project name display (#7435)

---
 .../FeatureOverviewMetaData/FeatureOverviewMetaData.tsx       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx
index 108a2e0c7b..20d874733e 100644
--- a/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx
+++ b/frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewMetaData/FeatureOverviewMetaData.tsx
@@ -1,4 +1,4 @@
-import { capitalize, styled } from '@mui/material';
+import { Box, capitalize, styled } from '@mui/material';
 import { Link, useNavigate } from 'react-router-dom';
 import { useFeature } from 'hooks/api/getters/useFeature/useFeature';
 import { getFeatureTypeIcons } from 'utils/getFeatureTypeIcons';
@@ -140,7 +140,7 @@ const FeatureOverviewMetaData = () => {
                 <StyledBody>
                     <SpacedBodyItem data-loading>
                         <StyledLabel>Project:</StyledLabel>
-                        <span>{project}</span>
+                        <Box sx={{ wordBreak: 'break-all' }}>{project}</Box>
                     </SpacedBodyItem>
                     <ConditionallyRender
                         condition={