title: Vuetify linear progress bar value in data table row overlaps fixed headers
body: <ul>
  <li><p>Vuetify Version: all</p>
  </li>
  <li><p>Vue Version: 2.6.11</p>
  </li>
  <li><p>Steps to reproduce</p>
  <ul>
  <li>Do a scroll and linear progress value will overlap FAT</li>
  </ul>
  </li>
  <li><p>Expected Behavior</p>
  <ul>
  <li>Linear progress value must not overlap headers</li>
  </ul>
  </li>
  </ul>
  <p>Reproduction Link
  <a href="https://codepen.io/bnping/pen/mdVjqoz?editors=1010" rel="nofollow noreferrer">https://codepen.io/bnping/pen/mdVjqoz?editors=1010</a></p>
  <pre><code>     &lt;v-data-table
      fixed-header
      height=&quot;70vh&quot;
      :headers=&quot;headers&quot;
      :items=&quot;desserts&quot;
      :search=&quot;search&quot;
    &gt;
          &lt;template v-slot:item.fat=&quot;{ item }&quot;&gt;
      &lt;v-progress-linear
        :background-opacity=&quot;0.3&quot;
        :buffer-value=&quot;100&quot;
        :height=&quot;25&quot;
        :width=&quot;150&quot;
        :rounded=&quot;true&quot;
        :value=&quot;item.fat&quot;
      &gt;
      &lt;div&gt;{{ item.fat }}&lt;/div&gt;
      &lt;/v-progress-linear&gt;
    &lt;/template&gt;
      
      
    &lt;/v-data-table&gt;
  </code></pre>