I’m working on the front-end of a project and have created a tutorial in Angular using the ngx-library. The tutorial consists of 14 steps and navigates between two different pages. While the tutorial generally works well, I’ve encountered an issue with certain steps (specifically those in components near the header). When these steps are displayed, the page automatically scrolls down to the bottom, requiring the user to manually scroll back up to view the step.

Is there a way to modify the behavior so that each step card is centered on the page when it is its turn to be displayed, rather than scrolling down to the bottom?