diff --git a/index.html b/index.html
index c5bb4fa..558e4c7 100644
--- a/index.html
+++ b/index.html
@@ -97,11 +97,11 @@
 
     <script id="proposal-template" type="text/x-handlebars-template">
       <header>
-        <h1><a href="#">{{article.title}}</a></h1>
         <a id="display-contrast" href="#">Alto Contraste</a>
         <div class="social top">
           {{#social_share "Dialoga Brasil" "Aqui suas ideias viram propostas e você ajuda a melhorar as ações do governo" "#"}}{{/social_share}}
         </div>
+        <h1><a href="#">{{article.title}}</a></h1>
       </header>
 
       <div id="content">
diff --git a/js/handlebars-helpers.js b/js/handlebars-helpers.js
index 179fd0b..426e145 100644
--- a/js/handlebars-helpers.js
+++ b/js/handlebars-helpers.js
@@ -20,10 +20,10 @@ define(['handlebars'], function(Handlebars){
       var proposal = proposals[i];
       
       element = '<li class="proposal-item">' + 
-        '<a href="#/programas/'+proposal.id+'" data-target="proposal-item-'+proposal.id+'" class="proposal-link">' +
-          '<div class="item">' +
+        '<a href="#/programas/'+proposal.id+'" data-target="proposal-item-'+proposal.id+'" class="proposal-link box">' +
+          '<div class="box-header item">' +
             '' + proposal.title;
-      category = "<ul class='category'>";
+      category = "<ul class='category box-category'>";
       
       
       for(var x=0, y=proposal.categories.length; x<y; x++) {
@@ -31,7 +31,7 @@ define(['handlebars'], function(Handlebars){
           element = '';
           continue;
         }      
-        category = category + '<li class="category-'+proposal.categories[x].slug+'">' + proposal.categories[x].name + '</li>';
+        category = category + '<li class="category-'+proposal.categories[x].slug+' button button-inline">' + proposal.categories[x].name + '</li>';
       }
       if(element == ''){
         continue;
--
libgit2 0.21.2