横スクロール可能な要素内のflexbox要素のwidthが途中で切れてしまうときの対処

現象

• スクロール可能な要素内のflexbox要素サイズが途中で切れる。（本当はスクロールしたら全部で2000pxあるはずなのにスクロールしない状態の1200pxになる等）
• その影響でflexbox要素のスタイル（backgroundやborder）が途中で切れる。
• position: sticky が途中で解除されてしまう。

<div class="table">
  <div class="line">
    <div class="cell">aaa</div>
    <div class="cell">bbb</div>
    <div class="cell">ccc</div>
    <div class="cell">ddd</div>
    <div class="cell">eee</div>
  </div>
</div>

.table {
  overflow-x: auto;
}
.line {
  display: flex;
}
.cell {
  width: 400px;
}

対処

• .line に min-width: min-content を追加

他に試したこと

• .line に width: 100% を追加　→　何も変わらず
• .line に align-items: flex-start を追加　→　何も変わらず