diff --git a/public/style.css b/public/style.css
index f4d5d7c..1e358f7 100644
--- a/public/style.css
+++ b/public/style.css
@@ -29,11 +29,11 @@
 
 .gamification-notification .badge .image,
 .gamification .badge .image {
-  width: 110px;
-  height: 80px;
+  width: 120px;
+  height: 90px;
   background-image: url(/plugins/gamification/images/badge-icon.png);
   background-repeat: no-repeat;
-  background-position: center;
+  background-position: 50% 10%;
   background-color: rgba(128, 128, 128, 0.25);
   margin-left: auto;
   margin-right: auto;
@@ -185,8 +185,9 @@
 .rating > span {
   display: inline-block;
   position: relative;
-  font-size: 24px;
+  font-size: 20px;
   width: 1.1em;
+  bottom: 22px;
 }
 .rating > span.earned:before {
    content: "\2605";
diff --git a/views/gamification/dashboard.html.erb b/views/gamification/dashboard.html.erb
index 26c469b..8ec2e7a 100644
--- a/views/gamification/dashboard.html.erb
+++ b/views/gamification/dashboard.html.erb
@@ -42,12 +42,12 @@
         <li class="badge <%= badge.name %>">
           <div class="badge" title="<%= badge.description %>">
             <div class="image <%= badge.name %>"></div>
-            <div class="title"><%= badge.title %></div>
             <ul class="level rating">
               <% 1.upto(badge.level).map do |n|%>
                 <span class="<%= (person_badge && person_badge.level >= n) ? 'earned' : 'not-earned' %>" > ☆ </span>
               <% end %>
             </ul>
+            <div class="title"><%= badge.title %></div>
           </div>
         </li>
       <% end %>
--
libgit2 0.21.2