diff --git a/public/css/module.less b/public/css/module.less
index 98aed9d..4170c71 100644
--- a/public/css/module.less
+++ b/public/css/module.less
@@ -383,13 +383,14 @@ div.knightrider table.bp {
 
 /** BEGIN Badges **/
 .badges {
+    background-color: fade(@body-bg-color, 50%);
+    border-radius: 0.4em;
     display: block;
-    padding: 0.5em;
+    padding: 0.3em 0.4em;
 
     .badge {
         border: 1px solid white;
         margin: 0;
-        margin-right: 1px;
     }
 }
 
@@ -404,7 +405,7 @@ div.bp .badges {
 .badge-pending { background: @colorPending; }
 .badge-missing { background: #ccc; }
 /** END Badges **/
-
+.badges
 /** BEGIN Tiles **/
 .tiles:after {
     content:'';
@@ -567,13 +568,14 @@ div.bp .badges {
     padding: 0;
 
     .badges {
+        background-color: transparent;
+        border-radius: 0;
         display: inline-block;
         padding: 0 0 0 0.5em;
         .badge {
             line-height: 1.25em;
             font-size: 0.8em;
             border: 1px solid white;
-            margin: -0.25em 1px 0 0;
         }
     }
 }