Flyte enables production-grade orchestration for machine learning workflows and data processing created to accelerate local workflows to production.

Flyte

<https://github.com/flyteorg/flyte/issues/4047|#4047 [BUG] New horizontal UI is glitchy>
Issue created by <https://github.com/fg91|fg91>
*Describe the bug*

1.9 introduced a new horizontal UI layout. It looks very nice and makes better use of screen space but it's unfortunately a bit glitchy.

Often, when clicking on a project, it first looks like this with the side bar missing:

<https://user-images.githubusercontent.com/36511035/268666884-9d6b6d43-48af-47d4-b9e2-359b1a69903d.png|first>

Then, on the ever so slightest scroll movement on the trackpad, the side bar jumps into existence:

<https://user-images.githubusercontent.com/36511035/268667096-933d0c2c-a55f-4bdd-a9d9-35f092d794ba.png|then_slightly_move_on_trackpad>
*Expected behavior*

The side bar should be visible right away and not suddenly appear only when scrolling.

*Additional context to reproduce*

I'm using `Chrome Version 117.0.5938.62 (Official Build) (arm64)` on Mac.

*Screenshots*

_No response_

*Are you sure this issue hasn't been raised already?*

☑︎ Yes

*Have you read the Code of Conduct?*

☑︎ Yes
<https://github.com/flyteorg/flyte|flyteorg/flyte>