Я использую компонент atnd tabs и хочу изменить форму вкладки на трапецию с одной стороны

Question

Я пытался использовать псевдо css, но все равно не повезло. Вот что я попробовал:

const StyledTab = styled(Tabs)`
 &&&&&.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
    background: #fff;
  }
 &&&&.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
    background: #f1f6fc;
  }
 &&&&.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab ::after{
    border: 2px solid red;
    top: -2px;
    background-color: #FFF;
    position: absolute;
    right: -29px;
    transform:skewX(45deg);
    -ms-transform:skewX(45deg);
    -webkit-transform:skewX(45deg);
    border: 2px solid blue;
    z-index: -1;
  }
`;

Вот пользовательский интерфейс: