Menu icon Foundation
Problems with nested grid

As soon as I try to nest some columns inside a callout, the gutter disappears:

No gutter between 2 columns

Also, there's this unwanted padding on the bottom. 

This is the code:

<row>
    <columns>
      <callout>
        <row>
          <columns large="4">
            <img src="http://placehold.it/400x400">
          </columns>
          <columns large="8">
            <p>Test</p>
          </columns>
        </row>
      </callout>
    </columns>
  </row>

nesting

As soon as I try to nest some columns inside a callout, the gutter disappears:

No gutter between 2 columns

Also, there's this unwanted padding on the bottom. 

This is the code:

<row>
    <columns>
      <callout>
        <row>
          <columns large="4">
            <img src="http://placehold.it/400x400">
          </columns>
          <columns large="8">
            <p>Test</p>
          </columns>
        </row>
      </callout>
    </columns>
  </row>