Fix display of multiline card content

MaibornWolff · Jun 24, 2020 · 257c5c2 · 257c5c2
1 parent ef2c039
commit 257c5c2
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/frontend/src/components/board/items/RetroItem.tsx b/frontend/src/components/board/items/RetroItem.tsx
@@ -21,6 +21,7 @@ import {
   CardAuthor,
   CardContainer,
   CardWrapper,
+  CardText,
 } from "../../styled-components";
 import {
   FOCUS_CARD,
@@ -155,8 +156,13 @@ function RetroItem(props: RetroItemProps) {
           />
           <Divider />
           <CardContent>
-            <Typography variant="body2" color="textSecondary" component={"p"}>
-              {content}
+            <Typography
+              className={classes.contentBody}
+              variant="body2"
+              color="textSecondary"
+              component={"p"}
+            >
+              <CardText>{content}</CardText>
             </Typography>
           </CardContent>
           <CardActions disableSpacing className={classes.actions}>