Unanswered: List not scrolling

Hello,
I am trying to use an indexBar on a grouped list that is an item in a Panel. The problem is that when i set indexBar: true , the list will not scroll anymore, at all. I can only click on the letters to move it. Also, the indexBar is set in the middle of the panel, rather than on the right, and it's just a normal font. It doesn't look like the one from the docs page.
This is my panel which contains my list:

Please advise what to do to in order to make it act similar to the one from the docs. I think I need to add some css to it to make it look similar, but this seems odd to make as I haven't changed the css for x-indexBar at all.
Thank you.

Thank you for answering. I have tried that, but it did not help. The list is shown in the same way. I think I should also mention that my panel is part of a navigation view. This is how it is defined :