title: Why does my text get compressed when I include the view in Main
body: <p>When I add my elements to the Main view they look good. But when I put them in another view and include that view in the main view, they look compressed.</p>
  
  <p><img src="https://i.stack.imgur.com/EeR0x.png" alt="enter image description here"></p>
  
  <p>When I paste the HomeView code into the Main view it looks fine:</p>
  
  <p><img src="https://i.stack.imgur.com/oCYJV.png" alt="enter image description here"></p>
  
  <p>Main view code that causes text to be compressed:</p>
  
  <pre><code>Ext.define('DeclarationApp.view.Main',
  {
      extend: 'Ext.Container',
      requires:
      [
          'DeclarationApp.view.HomeView'
      ],
  
      xtype: 'main',
  
      config:
      {
          layout: 'fit',
          styleHtmlContent: true,
  
          items:
          [{
              xtype: 'homeview'
          }]
      }
  });
  </code></pre>
  
  <p>Both views are Container, changing the view type does not help.
  I've tried adding flex: 1 and scrollable: true, does not help.</p>
  
  <p>Why does this happen? Or how can I find out in Sencha why this happens?</p>