diff --git a/app/assets/stylesheets/common/components/badges.css.scss b/app/assets/stylesheets/common/components/badges.css.scss
index 7c5a61e72..e0d992274 100644
--- a/app/assets/stylesheets/common/components/badges.css.scss
+++ b/app/assets/stylesheets/common/components/badges.css.scss
@@ -31,16 +31,18 @@
 }
 
 .badge-category {
-  padding: 6px 4px;
   overflow: hidden;
   text-overflow: ellipsis;
   vertical-align: top;
+  .fa {
+    line-height: 0;
+  }
 }
 
 .badge-wrapper > .badge-category {
   // ie9?
   width: 100%;
-  width: calc(100% - 10px)
+  padding: 5px 4px;
 }
 
 .d-header li.category .badge-wrapper {
@@ -69,7 +71,7 @@ header .title-wrapper {
 }
 
 .badge-category-parent-bg, .badge-category-bg {
-  padding: 6px 2px;
+  padding: 5px 2px 4px 2px;
   width: 2px;
   .category-name {
     display: none;
@@ -149,7 +151,8 @@ header .title-wrapper .bar .badge-category {
 
   > .badge-category {
     width: 100%;
-    width: calc(100% - 2px);
+    box-sizing: border-box;
+    padding: 5px 6px 4px 6px;
   }
 }