title: Adding event(s) to FullCalendar causing event row container to draw across cell grid
body: <p>I am a beginner-level Meteor developer working on a project which includes a FullCalendar calendar. </p>
  
  <p>I have attached a screenshot of how events are rendered on the calendar. As you can see, the crude red circles highlight my issue. As far as I understand, this issue occurs due to the table rows drawing over the cell grid. How can I fix this issue?</p>
  
  <p>Here is the code from my <code>onRendered()</code> function:</p>
  
  <pre><code>Template.calendar.onRendered(() =&gt; {
    $('#events-calendar').fullCalendar({
      // NOTE: Put your options and callbacks here.
  
      events(start, end, timezone, callback) {
        let data = Events.find().fetch().map((event) =&gt; {
          event.editable = !isPast(event.start);
          return event;
        });
  
        if (data) {
          callback(data);
        }
      }
    });
  
    // NOTE: Assures the calendar updates when the DB updates (refecthEvents).
    Tracker.autorun(() =&gt; {
      Events.find().fetch();
      $('#events-calendar').fullCalendar('refetchEvents');
    });
  });
  </code></pre>
  
  <p>Any help or insight would be greatly appreciated.
  <a href="https://i.stack.imgur.com/FGyjL.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FGyjL.jpg" alt="My Calendar"></a></p>