Workflow diagram is skewed on the 'View Workflow' link of View Issue screen

Workflow diagram is skewed on the 'View Workflow' link of View Issue screen, though it looks very readable from the Workflow Designer.

Please find the attachments to see the difference in both. Our users only can view the workflows by using the 'View Workflow' link and they are so confused as it is not at all readable. However, this is not the case for all workflows, but for many of ours it is the case.

Please guide me to sort this out, asap. Or at least , why this is happening.