[#378] fix text wrapping on review governance action submission

IntersectMBO · Mar 13, 2024 · 1cb99d2 · 1cb99d2
1 parent 401b348
commit 1cb99d2
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/...nd/src/components/organisms/CreateGovernanceActionSteps/ReviewCreatedGovernanceAction.tsx b/...nd/src/components/organisms/CreateGovernanceActionSteps/ReviewCreatedGovernanceAction.tsx
@@ -53,11 +53,14 @@ export const ReviewCreatedGovernanceAction = ({
           key.charAt(0).toUpperCase() + key.slice(1).replace(/_/g, " ");
 
         return (
-          <Box sx={{ mb: 5 }}>
+          <Box sx={{ mb: 5, width: "100%" }}>
             <Typography color="neutralGray" fontWeight={400} variant="body2">
               {label}
             </Typography>
-            <Typography sx={{ mt: 0.5 }} variant="body2">
+            <Typography
+              sx={{ mt: 0.5, overflow: "hidden", textOverflow: "ellipsis" }}
+              variant="body2"
+            >
               {value as string}
             </Typography>
           </Box>