Necesito obtener el último paso aquí intoView, pero no perder el título (porque scrollIntoView también se desplaza verticalmente)

cómo lograr que se desplace a la vista solo horizontalmente, no verticalmente

 const App = () => { React.useEffect(() => { const activeStep = document.querySelector(".ant-steps-item- current"); if (activeStep) { activeStep.scrollIntoView({ behavior: "smooth", inline: "center" }); } }, []); return ( <div style={{ minHeight: "200vh" }}> <div style={{ height: "150px", fontSize: "5rem"}}>Title</div> <Steps> {steps.map((s, step) => { const status = s === "step9" ? "current" : ""; return ( <Steps.Step status={status} key={step} title={s} description={s} /> ); })} </Steps> </div>

); };

puedes ver unsandbox de código