Text is Shifted

While inside of Bootstrap Studio I have a jumbotron in my project, and inside my jumbotron my paragraph is aligned to the center but once I view it in preview mode its shifted to the left a significant amount and i'm unsure why. If anyone know how to fix this please let me know. I've tried padding left/ margin left and it does fix it in the preview mode but then it looks off while inside bootstrap.

On your paragraph you should have d-flex justify-content-center. If you have justify-content-md-center or something similar with a different responsive class then you set the centered while in that breakpoint area. Reset and move to the lowest breakpoint and center again.