Enhance Code Editor UX: Make Horizontal Scroll Bar Always Visible

Description: Currently, in the code editor, the horizontal scroll bar only becomes visible when the cursor is at the bottom of a line. This makes code navigation less intuitive and can be frustrating when trying to read long lines of code. Could we modify the editor to make the horizontal scroll bar permanently visible?

Expected behavior:

• Horizontal scroll bar should be always visible when code content exceeds the viewport width

• No need to move cursor to bottom of line to see/use the scroll bar

• Consistent with standard code editor behavior (like VS Code, Sublime Text)

This would improve the overall user experience and make code navigation more efficient.

Current behavior shown in the attached screenshot where horizontal scroll bar only appears when hovering at the bottom of code lines.