FB

src/client/js/components/TagsList.jsx

@@ -75,9 +75,9 @@ export default class TagsList extends React.Component {
       return (
         <a key={data.name} href={`/_search?q=tag:${data.name}`} className="list-group-item">
           <div className="d-flex">
-            <i className="list-tag-icon icon-tag"></i>
-            <p className="my-0 list-tag-name"> {data.name}</p>
-            <span className="list-tag-count">{data.count}</span>
+            <i className="my-auto icon-tag"></i>
+            <p className="my-auto list-tag-name"> {data.name}</p>
+            <span className="my-auto ml-4 list-tag-count label text-muted">{data.count}</span>
           </div>
         </a>
       );

src/client/styles/scss/_tag.scss

@@ -18,22 +18,13 @@
   font-size: 10px;
 }
 
-.list-tag-icon {
-  margin: auto 0px;
-}
-
 .list-tag-name {
   margin-left: 5px;
 }
 
 .list-tag-count {
-  height: 14px;
-  padding: 0px 15px;
-  margin: auto 20px;
-  font-size: 70%;
-  color: rgba(60, 74, 96, 0.5);
+  width: 35px;
   background: rgba(0, 0, 0, 0.08);
-  border-radius: 40px;
 }
 
 #editTagModal {