Feature/preview

fixed design bug in column-navigation

- [x] finish the code
- [ ] gather feedback for my changes


| Q             | A
| ------------- | ---
| Bug fix?      | yes
| New feature?  |yes
| Tests pass?   | none
| Fixed tickets | none
| Doc           | none