# Vertical and horizontal layout
## Layouts

Trilium supports two different layouts, based on your preference.

### Vertical layout

The vertical layout is Trilium's original layout:

*   The <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a> is positioned on the left side of the screen, with buttons being laid out vertically.
*   The tab bar is at the top, but to the right of the <a class="reference-link" href="Note%20Tree.md">Note Tree</a>.
*   The <a class="reference-link" href="../Navigation/Quick%20search.md">Quick search</a> is at the top of the <a class="reference-link" href="Note%20Tree.md">Note Tree</a>.
*   The <a class="reference-link" href="Note%20Tree.md">Note Tree</a> can be collapsed by pressing the ![](5_Vertical%20and%20horizontal%20layout_image.png) button at the bottom of the <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a>.
*   The <a class="reference-link" href="Global%20menu.md">Global menu</a> can be accessed via the ![](4_Vertical%20and%20horizontal%20layout_image.png) icon at the top of the <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a>.

![](3_Vertical%20and%20horizontal%20layout_image.png)

### Horizontal layout

The horizontal layout is a more traditional layout, since it bears similarity with other applications. In this mode:

*   The <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a> is at the top of the screen, with the buttons laid horizontally.
*   The tab bar is at the top of the screen, but now covers the entirety of the width, allowing for more tabs to be displayed at once.
*   The <a class="reference-link" href="../Navigation/Quick%20search.md">Quick search</a> is now part of the <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a>. It can be moved around according to preference and even removed if needed.
*   The <a class="reference-link" href="Note%20Tree.md">Note Tree</a> can be collapsed by pressing the small ![](1_Vertical%20and%20horizontal%20layout_image.png) button to the left of the first tab.
*   The <a class="reference-link" href="Global%20menu.md">Global menu</a> can be accessed via the ![](Vertical%20and%20horizontal%20layout_image.png) button at the end of the <a class="reference-link" href="Launch%20Bar.md">Launch Bar</a>.

![](2_Vertical%20and%20horizontal%20layout_image.png)

## Changing the layout

Go to <a class="reference-link" href="Options.md">Options</a> and look for the _Appearance_ option on the left. Then look for the _Layout_ section, where there is the possibility to switch between the two available layouts.

Selecting an option will immediately apply the new layout by reloading the window.