Events Calendar Layout issue

something messy with the events calendar widget layout

the month display isn’t coded within the navigation table and the script seems to be adding negative margin css to make it appear inside the table, but it doesn’t align either (see attached image)

<section id=”geodir_event_listing_calendar-2″ class=”widget geodir_event_listing_calendar”>
<div class=”widget-wrap”>
<div class=”geodir_locations geodir_location_listing”>
<table width=”100%” style=”background:#D0D0D0; border:1px #bbb solid;”>
<tbody>
<tr class=”title” align=”center”>
<td class=”title” width=”10%” style=”padding:10px;”>
<td class=”title” style=”padding:10px;”>
<td class=”title” width=”10%” style=”padding:10px;”>
</tr>
</tbody>
</table>
<div id=”geodir_event_calendar”>
<span id=”cal_title” style=”display: block; text-align: center; padding-bottom: 11px; margin-top: -28px;”>
August 2014
</span>
<table class=”calendar_widget” width=”100%” cellspacing=”2″ cellpadding=”2″ border=”0″ style=”background:#e6e6e6; border:1px #bbb solid;”>
</div>
</div>
<script type=”text/javascript”>
</div>
</section>

element.style {
display: block;
margin-top: -28px; (THIS LOOKS LIKE apparent fix attempt but doesn’t align)
padding-bottom: 11px;
text-align: center;
}

should I attempt to implement CSS overide fix or is this alignment issue something that will get resolved in next plugin addon release?

thanks