Checklist

• I have searched the existing issues for similar issues.
• I added a very descriptive title to this issue.
• I have provided sufficient information below to help reproduce this issue.

Summary

While fixing an issue where scrollbars were being clipped by the header, I attempted to reuse the --scrollbar-width CSS variable originally created for the sidebar.

In the sidebar, it's not very noticeable when this variable is incorrect—it just causes slight padding misalignment. However, when applied to the header, the issue becomes much more apparent as the scrollbar gets visibly clipped.

After some debugging, I traced the root cause to --scrollbar-width being set to 0px. This breaks the intended layout adjustments that rely on this variable.

Reproducible Code Example

Steps To Reproduce

No response

Expected Behavior

No response

Current Behavior

No response

Is this a regression?

• Yes, this used to work in a previous version.

Debug info

• Streamlit version:
• Python version:
• Operating System:
• Browser:

Additional Information

No response