fliegendewurst.eu/content/blog/tree-style-tabs-new-tab-button-bottom.md

+++
title = "Fixing the position of TST's new tab button"
date = 2023-07-30
+++
<p>
Here you can learn how to change the position of the new tab button for the <a href="https://addons.mozilla.org/firefox/addon/tree-style-tab/">Tree Style Tab</a> browser extension.
With this change, the new tab button is always at the bottom of the tab tree.
Opening a new tab with the mouse is then as simple as clicking at the bottom left of the screen.
No more aiming at a 20 pixels high region below the last opened tab!
</p>

<p>
Simply add the CSS code below to TST's custom style option ("Advanced" > "Extra style rules for contents provided by Tree Style Tab").
</p>

```css
#tabbar .after-tabs {
  display: none;
}

#tabbar ~ .after-tabs {
  display: flex !important;
}

:root {
  --after-tabs-area-size: 20px !important;
}
```