diff --git a/app/views/calendars/show.html.erb b/app/views/calendars/show.html.erb
index 76513f50e..d3d00a427 100644
--- a/app/views/calendars/show.html.erb
+++ b/app/views/calendars/show.html.erb
@@ -15,9 +15,15 @@
   </fieldset>
 </div>
 
-<p class="contextual">
-  <%= link_to_previous_month(@year, @month, :accesskey => accesskey(:previous)) %> | <%= link_to_next_month(@year, @month, :accesskey => accesskey(:next)) %>
-</p>
+<span class="contextual pagination">
+  <ul class="pages">
+    <li class="previous page">
+      <%= link_to_previous_month(@year, @month, :accesskey => accesskey(:previous)) %>
+    </li><li class="next page">
+      <%= link_to_next_month(@year, @month, :accesskey => accesskey(:next)) %>
+    </li>
+  </ul>
+</span>
 
 <p class="buttons">
   <%= label_tag('month', l(:label_month)) %>
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index fce0dff08..4a9adb59c 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -1116,6 +1116,7 @@ table.cal .starting a.issue, p.cal.legend .starting {background: url(../images/b
 table.cal .ending a.issue, p.cal.legend .ending {background: url(../images/bullet_end.png) no-repeat -1px -2px; padding-left:16px;}
 table.cal .starting.ending a.issue, p.cal.legend .starting.ending {background: url(../images/bullet_diamond.png) no-repeat -1px -2px; padding-left:16px;}
 p.cal.legend span {display:block;}
+.controller-calendars p.buttons {margin-top: unset;}
 
 /***** Tooltips ******/
 .tooltip{position:relative;z-index:24;}