I'm working on a website based on the Foundation library. I'm creating an About "page" on my website by using a modal, and attempting to equalize the three different panes inside of the modal, like so:

```
  <div id="aboutPage" class="reveal-modal" data-reveal>
    <h1>About</h1>
    <div class="row" data-equalizer>
      <div class="large-4 columns panel" data-equalizer-watch>
        <h2>About This Site</h2>
        <p>This site is intended to provide a resource for people learning to program in Swift.</p>
      </div>
      <div class="large-4 columns panel" data-equalizer-watch>
        <h2>What's Coming Up</h2>
        <p>We're working on smoothing over some glitches with the brand new Issue tracking systems. We also have some exciting updates planned involving this site's mobile version.</p>
      </div>
      <div class="large-4 columns panel" data-equalizer-watch>
        <h2>Using the Help Menu</h2>
        <p>The Help menu quickly lets you contact Support to address issues which may present themselves as you program in Swift. If a representative is not available when you submit your question, we will address your issue as soon as possible. You will
          receive a notification badge when the issue has been resolved.</p>
      </div>
    </div>
    <a class="close-reveal-modal" id="x">&#215;</a>
  </div>

```

However, when I viewed the modal, the panels were not equalized. This was also true on several other modals on which I attempted to do the same thing. Despite that, I was able to successfully equalize the panels outside of the modal. Is this a bug/feature related to the modal, and if so, is there any way around it?