title: Make MUI dialog content size follow the size of the content
body: <p>As titled,</p>
  
  <p>I want to show up a Youtube video inside a dialog upon page load, in which it would automatically open up the dialog and play the Youtube video. So i have this component here for my landing page</p>
  
  <pre><code>// Main Application container
  import React, { useState } from 'react';
  import { BrowserRouter } from 'react-router-dom';
  import PropTypes from 'prop-types';
  import classNames from 'classnames';
  import { withStyles } from '@material-ui/core/styles';
  // Application routes
  import AppRoutes from '../routes';
  // YouTube component
  import YouTube from 'react-youtube';
  // Components
  import HeadNav from '../components/header/Nav';
  import Footer from '../components/footer/Footer';
  import Grid from '@material-ui/core/Grid';
  import Dialog from '@material-ui/core/Dialog';
  import DialogContent from '@material-ui/core/DialogContent';
  import DialogTitle from '@material-ui/core/DialogTitle';
  
  const styles = theme =&gt; ({
    videoadjust: {
      padding: 0 // To clear any unnecessary padding
    }
  });
  
  const App = (props) =&gt; {
    const { classes } = props;
    const [openDialog, setOpenDialog] = useState(true);
  
    return (
      &lt;div&gt;
        &lt;Dialog onClose={() =&gt; setOpenDialog(false)} open={openDialog} fullWidth={ true } &gt;
          &lt;DialogContent className={classes.videoadjust} &gt;
            &lt;YouTube videoId='OPf0YbXqDm0' /&gt;
          &lt;/DialogContent&gt;
        &lt;/Dialog&gt;
        /* Some other contents in here*/
      &lt;/div&gt;
    )
  }
  </code></pre>
  
  <p>Im using state hook and set the value to true on initialization. Problem is that, the dialog box chopped the Youtube video, showing a scroll bar due to overflow. Upon checking the CSS, i can see that the dialog has a set fixed width applied onto it, which is smaller than the video width.</p>
  
  <p>I want the dialog content to follow the size of the contents put inside it, and i don't want it to trigger the overflow clause, showing scrollbar on any side of the dialog box. How can i achieve this?</p>