From 392fa438b73081e4bb7816b3aca5a21d3da3d67e Mon Sep 17 00:00:00 2001
From: Gustav Hansen <gustav.hansen@strapi.io>
Date: Tue, 2 May 2023 12:54:09 +0200
Subject: [PATCH] CM: Add max length for stage names in the list-view

---
 .../ReviewWorkflowsStage/ReviewWorkflowsStageEE.js         | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/core/admin/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/ReviewWorkflowsStageEE.js b/packages/core/admin/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/ReviewWorkflowsStageEE.js
index 224f83db6d..7904b05f0d 100644
--- a/packages/core/admin/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/ReviewWorkflowsStageEE.js
+++ b/packages/core/admin/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/ReviewWorkflowsStageEE.js
@@ -1,13 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Box, Flex, Typography } from '@strapi/design-system';
+import { pxToRem } from '@strapi/helper-plugin';
 
 export function ReviewWorkflowsStageEE({ color, name }) {
   return (
-    <Flex alignItems="center" gap={2}>
-      <Box height={2} background={color} hasRadius width={2} />
+    <Flex alignItems="center" gap={2} maxWidth={pxToRem(300)}>
+      <Box height={2} background={color} hasRadius shrink={0} width={2} />
 
-      <Typography fontWeight="regular" textColor="neutral700">
+      <Typography fontWeight="regular" textColor="neutral700" ellipsis>
         {name}
       </Typography>
     </Flex>