Bootstrap 4 pull-xs-right no funciona como se esperaba

Tengo este html usandoBootstrap 4 utilidades para tirar de los botones a la derecha de la pantalla. Y hace esto.

Sin embargo, los botones no presionan el contenido debajo de él como se esperaba. Terminan superpuestos sobre el contenido a continuación.

Si yo no usopull-xs-right entonces los botones se dejan alineados, pero empujan los elementos a continuación.

¿Hay alguna otra clase que necesito aplicar?

       <div class="pull-xs-right">
            <button click.delegate="saveEdit()"
                    type="submit"
                    class="k-button k-primary">
                Save
            </button>
            <button click.delegate="cancel()"
                    class="k-button">
                Cancel
            </button>
        </div>

Respuestas a la pregunta(2)

Su respuesta a la pregunta