Intente agregar mt-[-50%] en lugar de -top-28 . Trabajo Top con propiedad de posición como relative y absolute . También puede usar -top-28 pero debe agregar una clase relative o absolute .

¿Estás seguro de que necesitas -top-28 ? Pruébalo sin el tablero top-28

 <div className="border text-white h-[226px] w-auto mb-[389px] bg-brand-quaternary border-brand-primary rounded-lg place-items-center grid grid-cols-4 top-28">

Lo tomé de aquí: https://tailwindcss.com/docs/top-right-bottom-left#basic-usage