¿Cómo puedo centrar una barra de navegación en react-bootstrap?

Espero que esta sea una pregunta simple, y veo que algunas personas han hecho una pregunta similar sobre bootstrap. No he podido poner una de esas respuestas en una solución que funcione para mí, y creo que en cualquier caso puede haber una respuesta de reacción más simple.

El ejemplo de código está aquí:https://codesandbox.io/s/yq5jvl9lz9

Así es como se ve cuando la ventana gráfica es lo suficientemente amplia:

Esto es más o menos lo que quiero:

¡Su ayuda será muy apreciada! Gracias nat

EDITAR 22/12/18: comenzando con la información de @Cristian a continuación, modifiqué el ejemplo. lo necesitabadisplay: inline-block además dewidth: 100%. Desafortunadamente, en tamaños de pantalla más grandes, la "marca" ahora está mal alineada con los elementos del menú:

Cualquier otra solución apreciada! He publicado esto como unnueva pregunta, para que las respuestas puedan ir allí (¡y puntos para la respuesta aceptada!)

Respuestas a la pregunta(1)

Su respuesta a la pregunta