diff --git a/dev/scss/base.scss b/dev/scss/base.scss
index 2fe143d..cbdc377 100644
--- a/dev/scss/base.scss
+++ b/dev/scss/base.scss
@@ -18,6 +18,17 @@
   @include box-sizing-box;
 }
 
+/*
+html {
+//  @include box-sizing-box;
+  box-sizing: border-box;
+}
+
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+*/
+
 g > text {
   fill: $dark-grey;
 }
diff --git a/dev/scss/header/hint.scss b/dev/scss/header/hint.scss
index 7e15d18..a50ffbf 100644
--- a/dev/scss/header/hint.scss
+++ b/dev/scss/header/hint.scss
@@ -27,6 +27,38 @@
   }
 }
 
+div.alert.hint {
+  position: relative;
+  background-color: rgba(254,26,0,.9); // from alertify
+  color: $nearly-white;
+  padding: $item-padding;
+  margin-top: 5px;
+  box-shadow: $choose-box-shadow;
+  border: {
+    radius: $standard-border-radius;
+    top-left-radius: 0;
+  }
+}
+
+div.hint.alert::before {
+  position: absolute;
+  content: "";
+  display: block;
+  top: -8px;
+  left: 0px;
+  width: 0;
+  white-space: normal; 
+  border: {
+    width: 0 8px 8px 0;
+    style: solid;
+    color: rgba(254,26,0,.9) transparent; // from alertify
+  }
+}
+
+
+
+
+
 #searchMirror {
   position: absolute;
   left: 0;
diff --git a/dev/scss/util.scss b/dev/scss/util.scss
index b129e2e..a33644a 100644
--- a/dev/scss/util.scss
+++ b/dev/scss/util.scss
@@ -182,6 +182,7 @@
 
 /**
  * Mixing for correct box sizing (probably not necessary)
+ * DEPRECATED
  */
 @mixin box-sizing-box() {
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */