ES6-ified

demo/src/less/components/icons.less

@@ -7,6 +7,7 @@
     fill: currentColor;
     width: @icon-size;
     height: @icon-size;
+    vertical-align: -0.15em;
 }
 
 // Within elements
@@ -18,5 +19,5 @@ label svg {
 
 a .icon,
 .btn .icon {
-    margin-right: (@spacing-base / 2);
+    margin-right: (@spacing-base / 4);
 }

demo/src/less/layout/core.less

@@ -2,12 +2,21 @@
 // Core
 // ==========================================================================
 
-html {
-    background: @page-background;
-    background-attachment: fixed;
+*,
+*::after,
+*::before {
+    box-sizing: border-box;
+}
+
+html,
+body {
+    display: flex;
+    width: 100%;
 }
 
 html {
+    background: @page-background;
+    background-attachment: fixed;
     height: 100%;
 }