diff --git a/web/css.stylus/_navigation.styl b/web/css.stylus/_navigation.styl
index ca5ef6b..e7d8406 100644
--- a/web/css.stylus/_navigation.styl
+++ b/web/css.stylus/_navigation.styl
@@ -56,7 +56,6 @@ navigationBox()
   li
     cursor move
     float left; clear left
-    padding paletteLiPadding
     &.rec1
       background transparent url('../images/sprite-icons.png') -20px -415px no-repeat
     &.rec2
@@ -150,7 +149,6 @@ dataFieldsIconLink()
   li
     cursor move
     float left; clear left
-    padding paletteLiPadding
     .add
       background transparent url("../images/sprite-icons.png") -166px -162px no-repeat
       display block
@@ -261,11 +259,14 @@ dataFieldsIconLink()
   .filter-active
     background-position 0 -20px !important
   li
-    width 250px
-    height 20px
-    overflow hidden
-    text-overflow ellipsis
-    white-space nowrap
+    span
+      display inline-block
+      max-width 190px
+      height 18px
+      padding 1px 0
+      overflow hidden
+      text-overflow ellipsis
+      white-space nowrap
 
 /*
 #reports
diff --git a/web/css/index.css b/web/css/index.css
index f91b896..9f2343d 100644
--- a/web/css/index.css
+++ b/web/css/index.css
@@ -675,7 +675,6 @@ nav {
   cursor: move;
   float: left;
   clear: left;
-  padding: 2px 0;
 }
 #attributes li.rec1 {
   background: transparent url("../images/sprite-icons.png") -20px -415px no-repeat;
@@ -803,7 +802,6 @@ nav {
   cursor: move;
   float: left;
   clear: left;
-  padding: 2px 0;
 }
 #data-fields li .add {
   background: transparent url("../images/sprite-icons.png") -166px -162px no-repeat;
@@ -984,10 +982,12 @@ nav {
 #data-fields .filter-active {
   background-position: 0 -20px !important;
 }
-#attributes li,
-#data-fields li {
-  width: 250px;
-  height: 20px;
+#attributes li span,
+#data-fields li span {
+  display: inline-block;
+  max-width: 190px;
+  height: 18px;
+  padding: 1px 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;