diff --git a/dev/demo/all.html b/dev/demo/all.html
index d56b5f6..d8eec7e 100644
--- a/dev/demo/all.html
+++ b/dev/demo/all.html
@@ -91,7 +91,7 @@
     </aside>
 
     <main>
-      <div id="pagination">
+      <div id="pagination" class="button-group button-panel">
 	<a rel="prev"><span><span>&lt;</span></span></a>
 	<a rel="self"><span>1</span></a>
 	<a href="#2" tabindex="4"><span>2</span></a>
diff --git a/templates/search.html.ep b/templates/search.html.ep
index 88eee32..be4ced8 100644
--- a/templates/search.html.ep
+++ b/templates/search.html.ep
@@ -1,6 +1,6 @@
 % layout 'main', schematype => 'SearchResultsPage';
 
-<div id="pagination"><%= pagination(stash('start_page'), stash('total_pages'), url_with->query({'p' => '{page}'})) =%></div>
+<div id="pagination" class="button-group button-panel"><%= pagination(stash('start_page'), stash('total_pages'), url_with->query({'p' => '{page}'})) =%></div>
 
 <div id="resultinfo" <% if (stash('results')->size) { %> class="found"<%} %>>
 % my $found = stash('total_results') // 0;