diff --git a/docs/src/pages/components/skeleton/Facebook.js b/docs/src/pages/components/skeleton/Facebook.js
index a2e7ef3db31ebe..d89a71129137cb 100644
--- a/docs/src/pages/components/skeleton/Facebook.js
+++ b/docs/src/pages/components/skeleton/Facebook.js
@@ -45,8 +45,8 @@ function Media(props) {
             </IconButton>
           )
         }
-        title={loading ? <Skeleton height={6} width="80%" /> : 'Ted'}
-        subheader={loading ? <Skeleton height={6} width="40%" /> : '5 hours ago'}
+        title={loading ? <Skeleton height={10} width="80%" style={{ marginBottom: 6 }} /> : 'Ted'}
+        subheader={loading ? <Skeleton height={10} width="40%" /> : '5 hours ago'}
       />
       {loading ? (
         <Skeleton variant="rect" className={classes.media} />
@@ -61,8 +61,8 @@ function Media(props) {
       <CardContent>
         {loading ? (
           <React.Fragment>
-            <Skeleton height={6} />
-            <Skeleton height={6} width="80%" />
+            <Skeleton height={10} style={{ marginBottom: 6 }} />
+            <Skeleton height={10} width="80%" />
           </React.Fragment>
         ) : (
           <Typography variant="body2" color="textSecondary" component="p">
diff --git a/docs/src/pages/components/skeleton/Facebook.tsx b/docs/src/pages/components/skeleton/Facebook.tsx
index 95d78cacf0cbe4..7f25f7b32e844f 100644
--- a/docs/src/pages/components/skeleton/Facebook.tsx
+++ b/docs/src/pages/components/skeleton/Facebook.tsx
@@ -50,8 +50,8 @@ function Media(props: MediaProps) {
             </IconButton>
           )
         }
-        title={loading ? <Skeleton height={6} width="80%" /> : 'Ted'}
-        subheader={loading ? <Skeleton height={6} width="40%" /> : '5 hours ago'}
+        title={loading ? <Skeleton height={10} width="80%" style={{ marginBottom: 6 }} /> : 'Ted'}
+        subheader={loading ? <Skeleton height={10} width="40%" /> : '5 hours ago'}
       />
       {loading ? (
         <Skeleton variant="rect" className={classes.media} />
@@ -65,8 +65,8 @@ function Media(props: MediaProps) {
       <CardContent>
         {loading ? (
           <React.Fragment>
-            <Skeleton height={6} />
-            <Skeleton height={6} width="80%" />
+            <Skeleton height={10} style={{ marginBottom: 6 }} />
+            <Skeleton height={10} width="80%" />
           </React.Fragment>
         ) : (
           <Typography variant="body2" color="textSecondary" component="p">
diff --git a/docs/src/pages/components/skeleton/YouTube.js b/docs/src/pages/components/skeleton/YouTube.js
index 038384a05ab04b..cb2d1b9d7e5c72 100644
--- a/docs/src/pages/components/skeleton/YouTube.js
+++ b/docs/src/pages/components/skeleton/YouTube.js
@@ -47,7 +47,7 @@ function Media(props) {
           )}
 
           {item ? (
-            <Box paddingRight={2}>
+            <Box pr={2}>
               <Typography gutterBottom variant="body2">
                 {item.title}
               </Typography>
@@ -59,10 +59,10 @@ function Media(props) {
               </Typography>
             </Box>
           ) : (
-            <React.Fragment>
+            <Box pt={0.5}>
               <Skeleton />
               <Skeleton width="60%" />
-            </React.Fragment>
+            </Box>
           )}
         </Box>
       ))}
diff --git a/docs/src/pages/components/skeleton/YouTube.tsx b/docs/src/pages/components/skeleton/YouTube.tsx
index 18bd604d66fc3f..2b17d511f1f82a 100644
--- a/docs/src/pages/components/skeleton/YouTube.tsx
+++ b/docs/src/pages/components/skeleton/YouTube.tsx
@@ -49,7 +49,7 @@ function Media(props: MediaProps) {
             <Skeleton variant="rect" width={210} height={118} />
           )}
           {item ? (
-            <Box paddingRight={2}>
+            <Box pr={2}>
               <Typography gutterBottom variant="body2">
                 {item.title}
               </Typography>
@@ -61,10 +61,10 @@ function Media(props: MediaProps) {
               </Typography>
             </Box>
           ) : (
-            <React.Fragment>
+            <Box pt={0.5}>
               <Skeleton />
               <Skeleton width="60%" />
-            </React.Fragment>
+            </Box>
           )}
         </Box>
       ))}
diff --git a/packages/material-ui-lab/src/Skeleton/Skeleton.js b/packages/material-ui-lab/src/Skeleton/Skeleton.js
index 9d4c013f8e5794..a72d84940a7354 100644
--- a/packages/material-ui-lab/src/Skeleton/Skeleton.js
+++ b/packages/material-ui-lab/src/Skeleton/Skeleton.js
@@ -12,9 +12,16 @@ export const styles = theme => ({
   },
   /* Styles applied to the root element if `variant="text"`. */
   text: {
-    marginTop: '0.8em',
-    marginBottom: '0.8em',
+    marginTop: 0,
+    marginBottom: 0,
+    height: 'auto',
+    transformOrigin: '0 65%',
+    transform: 'translateZ(0) scale(1, 0.65)',
     borderRadius: theme.shape.borderRadius,
+    textIndent: -999,
+    '&:empty:before': {
+      content: '"&nbsp;"',
+    },
   },
   /* Styles applied to the root element if `variant="rect"`. */
   rect: {},