How to Disable Auto Horizontal Scroll for Right Sidebar Header

Hello, I’m currently using Obsidian and experiencing an issue with the “Right Sidebar Header” or “Right Ribbon” menu in the top right corner.

Whenever I click on an icon in the Right Sidebar Header, the icons automatically scroll horizontally to bring the selected icon into view. I’d like to disable this automatic horizontal scrolling so that the icons remain in a fixed position.

What I’m Trying to Do

  1. Is there a way to disable the auto horizontal scroll for the Right Sidebar Header?
  2. Is there a plugin or JavaScript-based solution that could help with this issue?

What I’ve Tried

I’ve tried using a CSS snippet to stop the auto-scroll, but it hasn’t worked as expected. Here’s the code I attempted:

/* Attempt to disable auto horizontal scroll for Right Sidebar Header */
.workspace-ribbon.mod-right {
    overflow-x: hidden;
    scroll-behavior: auto;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
}

This CSS was intended to prevent auto-scroll and disable horizontal scrolling, but the Right Sidebar still auto-scrolls whenever I click an icon.