Making exceptions on global website paddings on specific pages

I am designing a web app that requires that I display a map and a scrollable sidebar beside each other..like you have on youtube. The design issue I have is that, across other pages, I have padding: 0 100px set on the wrapper, but on the page that I'm displaying map, I would like to remove the padding and just use the whole page for the map.

Is this a potential UX disaster or it doe not really matter.

Display with padding.

enter image description here

Display without padding enter image description here