I'm using [Responsive tabs](http://www.petelove.com/responsiveTabs/) by [petelove666](https://github.com/petelove666/Responsive-Tabs) and I have a small detail I'd like to add but it seems I can not get it to work.

I would like a arrow-down formed by triangle at the middle of active tab.

I tried to change CSS to

```css
.responsive-tabs__list__item--active{
    background: white;
    color: #3E4649;
    /*border-bottom: 2px solid #F39114;*/
    position: absolute;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-top: solid 20px #F39114;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}

```

But it doesn't work at all.

Here is my fiddle <https://jsfiddle.net/dvx8nw15/>. And the goal is to have a down arrow at the middle of active tab as seen from the attached picture with blue color:
[![enter image description here](https://i.stack.imgur.com/VAwaB.jpg)](https://i.stack.imgur.com/VAwaB.jpg)