Styling grid-item

[mcrodriguezb]

Hi, I'm trying to apply a box to the grid item element, but I just got the left and top as shown in the image. Any reason for that?

My component code is:

<div style="height: 100%; width: 100%;display: flex;flex-direction: column;border-radius: 15px;border: 1px solid #E7E8F2;background: #FFF;">
<div style="display: flex;height: 45px;flex-shrink: 0;border-bottom: 1px solid #E7E8F2;align-items: center;padding-left: 20px;">
  Widget A
</div>
<div>
  test widget
</div>
</div>