how to expand width when overflow auto in javascript

#testBox {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 200px;
  overflow-x: auto;
}

p {
  background: red;
  width: fit-content;
}

<div id="testBox">
  <p>
    hihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihihi
  </p>

  <p>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  </p>
</div>