From 32db727c3d6c605971e9b89ced1d691c63808a5c Mon Sep 17 00:00:00 2001
From: psdr03 <psdelarosa@gmail.com>
Date: Sun, 8 Mar 2020 14:17:59 +0800
Subject: [PATCH] ListItemText - Add display block

Fixes ListItemText with secondaryTypographyProps rendering on same line as primary.
---
 packages/material-ui/src/ListItemText/ListItemText.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/material-ui/src/ListItemText/ListItemText.js b/packages/material-ui/src/ListItemText/ListItemText.js
index ead75f94dc58cc..f826e7c5578af1 100644
--- a/packages/material-ui/src/ListItemText/ListItemText.js
+++ b/packages/material-ui/src/ListItemText/ListItemText.js
@@ -52,6 +52,7 @@ const ListItemText = React.forwardRef(function ListItemText(props, ref) {
         variant={dense ? 'body2' : 'body1'}
         className={classes.primary}
         component="span"
+        display="block"
         {...primaryTypographyProps}
       >
         {primary}
@@ -66,6 +67,7 @@ const ListItemText = React.forwardRef(function ListItemText(props, ref) {
         variant="body2"
         className={classes.secondary}
         color="textSecondary"
+        display="block"
         {...secondaryTypographyProps}
       >
         {secondary}