Does anyone know how I can make the scroll bar for my text area as the default browser scroll bar?

Here is my current code:

const Page = () => {
    return <textarea name="content" id="" autoFocus className="outline-none px-[6%] pt-[5%] flex justify-center lg:w-[50%] sm:w-[60%] w-[80%] mt-2 h-auto border-[#c7c7c7] bg-white border-[1px]" />
}

export default Page;

import Page from "./Components/Page";

export default function Home() {
  return (
    <main className="w-full h-screen bg-[#f9fbfd] flex justify-center">
      <Page />
    </main>
  )
}

For reference, the reason the scroll bar is present in the image is because I temporarily set the height to 120vw, h-[120vw]