Как сохранить div внутри контейнера

Question

У меня есть код свертки Bootstrap, с которым у меня возникли некоторые проблемы. Стилизация кажется отключенной, когда экран ниже 768 пикселей или что-то еще. Например, когда вы щелкнете по Книге 1, вы заметите черный блок с номерами. Это отлично работает. Но когда вы изменяете размер экрана до небольших размеров мобильных устройств, блок кажется выключенным справа. Мне нужно держать это внутри.

Ссылка на кодовую ручку: https://codepen.io/danongu/pen/OJVwNeq

Пожалуйста, посмотрите и помогите мне решить эту проблему. Я не могу заставить его работать. Я не мог вставить весь код здесь

.bs-accordion {
  .panel-heading {
    padding: 0;
    a {
      display: block;
      padding: 10px 15px;

      &[aria-expanded=true] {
        .glyphicon.glyphicon-chevron-right {
          transform: rotate(90deg);
          transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
        }
      }
      .glyphicon.glyphicon-chevron-right {
        transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
      }
    }
  }
}