Selamlar herkese Prototurk kanalından spotify clone videolarına çalışıyordum. Overflow scroll kısmında sorun yaşıyorum.

Sorunun fotoğrafı1
Sorunun fotoğrafı2

flex-auto yerine sabit bir h-[470px] verince sorun çözülüyor. Ancak height otomatik olmuyor.

    @layer base {
  html,
  body,
  #root {
    @apply h-full bg-backdrop text-white antialiased;
  }
  #root {
    @apply flex flex-col;
  }
  .wrapper {
    height: calc(100% - theme("spacing.24"));
  }
}

    <div className="mt-6 flex flex-col">
        <Firstbtn />
        <Hr />
       <div className="mx-6 mt-2 flex-auto overflow-auto"> // ilgili kısım
        <ul>
          {new Array(40).fill(
            <li>
              <a
                href="#"
                className="text-sm flex h-8 text-link hover:text-white items-center "
              >
                Zaman Kapsülün
              </a>
            </li>
          )}
        </ul>
      </div>
    </div>