title: Remove extra white space to the right of this Grid element, React application with Material UI
body: <p>I'm having trouble removing the extra white space to the right of this Popover, the content is styled with a Grid.  I can fix it if I use Box elements, however, the lead dev is asking me not to use Box elements.</p>
  
  <p>My component</p>
  
  <pre><code>export const GridWrapper = styled(Grid)(({ theme }) =&gt; ({
    pointerEvents: 'none',
    padding: theme.spacing(1),
  }));
  
          &lt;GridWrapper container&gt;
            &lt;Grid item xs={6}&gt;
              &lt;Typography color="primary"&gt;Waiver&lt;/Typography&gt;
              &lt;Typography&gt;{name}&lt;/Typography&gt;
  
              &lt;Typography color="primary"&gt;Service&lt;/Typography&gt;
              &lt;Typography&gt;
                {serviceCategory}
              &lt;/Typography&gt;
  
              &lt;Typography color="primary"&gt;Account&lt;/Typography&gt;
              &lt;Typography&gt;{account}&lt;/Typography&gt;
            &lt;/Grid&gt;
  
            &lt;Grid item xs={6}&gt;
              &lt;Typography color="primary"&gt;Waiver T&lt;/Typography&gt;
              &lt;Typography&gt;{type}&lt;/Typography&gt;
  
              &lt;Typography color="primary"&gt;Service&lt;/Typography&gt;
              &lt;Typography&gt;{''}&lt;/Typography&gt;
  
              &lt;Typography color="primary"&gt;Alt&lt;/Typography&gt;
              &lt;Typography&gt;{alt}&lt;/Typography&gt;
            &lt;/Grid&gt;
            &lt;Grid item xs={12}&gt;
              &lt;Typography color="primary"&gt;Increase&lt;/Typography&gt;
              &lt;Typography&gt;
                {increase}
              &lt;/Typography&gt;
            &lt;/Grid&gt;
            &lt;Grid item xs={6}&gt;
              &lt;Typography color="primary"&gt;Index&lt;/Typography&gt;
              &lt;Typography&gt;
                {index}
              &lt;/Typography&gt;
            &lt;/Grid&gt;
          &lt;/GridWrapper&gt;
  </code></pre>
  
  <p>Anyone know of any props or way for me to style this to reduce white space that appears on the right side? This occurs with the 2nd grid item shown above.</p>