-

src/components/CartPage/CartItem.js

@@ -51,7 +51,7 @@ export const CartItem = ({ order, onDeleteClick }) => {
             </TableCell>
             <TableCell>
                 <Box sx={{ flexGrow: 1 }}>
-                    <Typography variant="h5">{name.length > 20 ? `${name.slice(0, 20)}...` : name}</Typography>
+                    <Typography variant="h5">{name}</Typography>
                     <Typography variant="body1">{price} ₴</Typography>
                 </Box>
             </TableCell>

src/components/common/DrawerCart/DrawerCartItem.js

@@ -40,7 +40,7 @@ const DrawerCartItem = ({ order, onDeleteClick }) => {
             <Box sx={{ display: 'flex', width: '100%' }}>
                 <CardContent className="content">
                     <Typography component="div" variant="h5">
-                        {name}
+                        {name.length > 20 ? `${name.slice(0, 20)}...` : name}
                     </Typography>
                     <Typography variant="subtitle1" color="text.secondary" component="div">
                         {price} ₴