Screenshots for 3 Renderviews not saved to scale


I want to capture a single screenshot for a total of 3 renderviews in ParaView. I am currently using the 5.8.0 ParaView Version on a Mac computer.
Once I take the screenshot and save it with some predetermined settings (image resolution, compression level, format, etc), then I open the screenshot and realize that the image is distorted or not exactly as I had it prior to taking the screenshot. For instance, my color bar is out of place and my labels are much bigger.

I have tried playing around with the settings such as the extension format (i.e. png, jpg), the quality of the picture to 100, the image resolution, and the compression level, but I have not yet found the appropriate settings to save my screenshot taken as it shows on ParaView.

I appreciate any help. Thank you.