title: Header and content not aligned
body: <p>I have a div that fill using angular, this is the code.</p>
  
  <pre><code>&lt;div ng-show="divSilt" class="row"&gt;
              &lt;div class="col-md-12"&gt;
                  &lt;div class="portlet light form-fit bordered" style="padding: 12px 20px 0 20px;"&gt;
                      &lt;div class="portlet-title"&gt;
                          &lt;div class="caption font-blue"&gt;
                              &lt;i class="icon-speech brinksblue"&gt;&lt;/i&gt;
                              &lt;span class="caption-subject bold uppercase brinksblue"&gt; Acompanhamento SILT&lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="portlet-body form"&gt;
                          &lt;div style="overflow: auto;" class="alturaPagina"&gt;
                              &lt;table md-table&gt;
                                  &lt;thead fix-head md-head md-order="query.order"&gt;
                                  &lt;tr md-row&gt;
                                      &lt;th md-column style="box-sizing: content-box"&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/th&gt;
                                      &lt;th md-column style="box-sizing: content-box" md-order-by="Dt_Execucao"&gt;&lt;span&gt;Data da Importação&lt;/span&gt;&lt;/th&gt;
                                      &lt;th md-column style="box-sizing: content-box" md-order-by="Cod_Regional"&gt;&lt;span&gt;Regional&lt;/span&gt;&lt;/th&gt;
                                      &lt;th md-column style="box-sizing: content-box" md-order-by="Cod_Filial" md-desc&gt;&lt;span&gt;Filial&lt;/span&gt;&lt;/th&gt;
                                      &lt;th md-column style="box-sizing: content-box" md-order-by="Dt_Inicio"&gt;&lt;span&gt;Início da Apuração&lt;/span&gt;&lt;/th&gt;
                                      &lt;th md-column style="box-sizing: content-box" md-order-by="Dt_Fim"&gt;&lt;span&gt;Fim da Apuração&lt;/span&gt;&lt;/th&gt;
                                  &lt;/tr&gt;
                                  &lt;/thead&gt;
                                  &lt;tbody md-body&gt;
                                  &lt;tr md-row ng-repeat="arquivo in vm.importacaoSilt | filter: filter.search | orderBy: query.order"&gt;
                                      &lt;td md-cell&gt;&lt;a href="" ng-click="vm.detalhes(arquivo)"&gt;&lt;i class="fa fa-list" title="Detalhes" /&gt;&lt;/a&gt;&lt;/td&gt;
                                      &lt;td md-cell&gt;{{arquivo.DT_DATA| date:'dd/MM/yyyy'}}&lt;/td&gt;
                                      &lt;td md-cell&gt;{{arquivo.Cod_Regional}}&lt;/td&gt;
                                      &lt;td md-cell&gt;{{arquivo.Cod_Filial}}&lt;/td&gt;
                                      &lt;td md-cell&gt;{{arquivo.Dt_inicio | date:'dd/MM/yyyy'}}&lt;/td&gt;
                                      &lt;td md-cell&gt;{{arquivo.Dt_Termino | date:'dd/MM/yyyy'}}&lt;/td&gt;
                                  &lt;/tr&gt;
                                  &lt;/tbody&gt;
                              &lt;/table&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>When I fill it comes with a problem in the align of the header and the content, see print below.</p>
  
  <p><a href="https://i.stack.imgur.com/RmDFm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RmDFm.png" alt="enter image description here"></a></p>
  
  <p>Now its the weird part time, when I press F12 to investigate the problem the alignment automatically is fixed, I open the console and its everything alright. If I refresh the page the problem happens again,someone know what is causing this?(Print below of right after I open Console)</p>
  
  <p><a href="https://i.stack.imgur.com/bwLDJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bwLDJ.png" alt="enter image description here"></a></p>