category seperator height

@@ -32,7 +32,7 @@
     }
 
     .category-nav {
-        height: 71rem / $pxConvertRem;
+        height: 70rem / $pxConvertRem;
         border-bottom: 1px solid #e6e6e6;
 
         li {
@@ -40,10 +40,9 @@
             box-sizing: border-box;
             float: left;
             height: 100%;
-            line-height: 71rem / $pxConvertRem;
+            padding: 20rem / $pxConvertRem 0;
             width: 25%;
             text-align: center;
-            border-right: 1px solid #e6e6e6;
             color: #999;
 
             &:last-child {
@@ -54,6 +53,19 @@
                 color: #000;
             }
         }
+
+        span {
+            display: block;
+            width: 100%;
+            height: 30rem / $pxConvertRem;
+            line-height: 30rem / $pxConvertRem;
+            font-size: 30rem / $pxConvertRem;
+            border-right: 1px solid #e6e6e6;
+        }
+
+        li:last-child span {
+            border-right: 0;
+        }
     }
 
     .content.hide {

@@ -10,7 +10,7 @@
         <div class="category-nav clearfix">
             {{# class}}
                 <li class={{#if focus}}focus{{/if}}>
-                    {{name}}
+                    <span>{{name}}</span>
                 </li>
             {{/ class}}
         </div>