diff --git a/client/src/components/ListAnswer.jsx b/client/src/components/ListAnswer.jsx
index 16147e8..99d7b0f 100644
--- a/client/src/components/ListAnswer.jsx
+++ b/client/src/components/ListAnswer.jsx
@@ -26,13 +26,16 @@ export default function ListAnswer({
                     <Grid item xs={10}>
                         <CreationInfoTag {...{ createdAt, creator }} text='answered' />
                         <Typography
-                            noWrap
                             variant='body1'
                             component={Link}
                             to={`/questions/${question_id}`}
                             style={{ textDecoration: 'none', color: 'inherit' }}
                         >
-                            {text.replace(/<[^>]*>?/gm, '')}
+                            {text
+                                .replace(/<[^>]*>?/gm, '')
+                                .split(' ')
+                                .slice(0, 30)
+                                .join(' ') + '...'}
                         </Typography>
                     </Grid>
                 </Grid>