Angular 2 material: Show full text for the list items

md-list md-list-item [md-line] has the css attributes:

    text-overflow: ellipsis
    white-space: wrap

This truncates any extra text that doesn't fit in the container. It only displays the ellipsis (...) if the text can't fit in the container.

Either make your container larger, or override with white-space: normal which will wrap any extra text onto additional lines