title: Difference between preview and deploy result rectangle
body: <p>I have a display difference when I deploy my report from  what I can see in the Preview.</p>
  
  <p>My report is composed of rectangles with elements inside (textbox, indicators, etc.). On the top there is a white rectangle which the size is the same as the body. The background of the body is a light blue. It should appears like this:</p>
  
  <p><a href="https://i.stack.imgur.com/JmVrL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JmVrL.png" alt="enter image description here"></a></p>
  
  <p>But when I deploy it, it appears like this:</p>
  
  <p><a href="https://i.stack.imgur.com/zb9d1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zb9d1.png" alt="enter image description here"></a></p>
  
  <p>There is a strange space between the top rectangle and the end of the body.
  I am using Chrome. On Firefox, the space between the white rectangle and the end of the body is smaller but still exists.</p>
  
  <p>The rectangle hasn't any border. Here are his properties:</p>
  
  <p><a href="https://i.stack.imgur.com/EGNLN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EGNLN.png" alt="enter image description here"></a></p>
  
  <p>For the body, I even tried with a white border to hide:
  <a href="https://i.stack.imgur.com/HTq9O.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HTq9O.png" alt="enter image description here"></a></p>
  
  <p>This is the property of the report:</p>
  
  <p><a href="https://i.stack.imgur.com/ho2fw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ho2fw.png" alt="enter image description here"></a></p>
  
  <p>I also tried with a table instead of the top white rectangle but I have the same result.</p>