diff --git a/asset/css/icons-base.less b/asset/css/icons-base.less
index 301c5055..1d8e8717 100644
--- a/asset/css/icons-base.less
+++ b/asset/css/icons-base.less
@@ -1,8 +1,12 @@
 i.icon {
   vertical-align: middle; // Firefox will place icons weird otherwise
+  display: inline-block;
 
-  &:before {
-    display: inline-block;
+  font-style: normal;
+  line-height: 1;
+
+  &::before {
+    display: block;
     min-width: 1em;
     margin-right: .2em;