А он у вас и будет вылазить за пределы. Что происходит у вас в коде

.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
  width: 100%;
}

тут вы указываете что кнопка будет размером с родительский элемент, оно и строит его размером как родительский элемент, а поскольку перед нею еще 2 кнопки, то оно сдвигает ее.
Вам тогда уж нужно рассчитывать размеры двух предыдущих кнопок и от 100% отнимать их значение, то что в итоге выйдет и будет размером последней кнопки, тогда она не будет вылазить за пределы.