Some items in Otate look different, how can I correct?

Question

need help. Some items that I used the Transform method to give a 45 degress Rotate are a little different than the others, all of them in the same div. How can I fix it?

Let me give you an example with image to be more specific:

Answer 1

The image seems that the different ones have different height and width than normal.

Put equal height and width on all elements and arrow display:block;

.element { width:200px; height:200px; display:block; }

If not, put the code on https://jsfiddle.net to see better.