Слайдер выталкивает блок

Есть контейнер section которому задал display:flex, внутри него 2 блока, это .main_content(внутри которого слайдер) и aside с навигацией, мне нужно чтобы контент был слева а aside справа, сделать это хочу на флексах, на страницах без слайдера это все замечательно работает, но с слик слайдером не получается, слайдер почему то выталкивает навигацию за макс ширину родителя, получается 1000px имеет контейнер section в котором слайдер занимает всю его ширину и не ужимается чтобы поместилось 2 блока, блок aside он вытолкнул за эти 1000px. Для наглядности что выталкивает я выше сделал блок box тоже с шириной 1000px. Продолбался целый день, что то не могу понять почему так и как решить вопрос

Пример кода на codepen