У вас .row от бутстрапа и внутри него три колонки с жёстко заданной шириной, которая в сумме равна 100%. Чего вы там собрались распределять по ширине флекса?
Margin Collapsing
Можете поменять бордер на padding-top: 1px, это точно отключит схлопывание границ. Возможно, есть и получше варианты, с утра не соображу )
С дефолтным box-sizing паддинги и маргины не входят в размеры элементов, а прибавляются к ним.
Так что у ваших .task__added ширина получается 100% + 15px. Лечится элементарно: