Fix form-select font color and other bugs

3 files changed, 7 insertions, 5 deletions

diff --git a/src/forms.less b/src/forms.less
index e6ba867..ba38656 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -1,6 +1,8 @@
 // Forms
-.form-group:not(:last-child) {
-  margin-bottom: 1rem;
+.form-group {
+  &:not(:last-child) {
+    margin-bottom: @layout-gutter;
+  }
 }
 
 // Form element: Input boxes
@@ -84,10 +86,10 @@
   appearance: none;
   border: .1rem solid @light-gray-color;
   border-radius: @border-radius;
+  color: inherit;
   font-size: 1.4rem;
   line-height: 2rem;
   min-width: @control-min-width;
-  outline: 0;
   padding: .5rem .8rem;
   vertical-align: middle;
 
@@ -395,7 +397,7 @@ input {
 
 // Form Horizontal
 .form-horizontal {
-  padding: 1rem;
+  padding: @layout-gutter;
 
   .form-group {
     display: flex;
diff --git a/src/tiles.less b/src/tiles.less
index c5db749..0b4d08a 100644
--- a/src/tiles.less
+++ b/src/tiles.less
@@ -3,7 +3,6 @@
   align-content: space-between;
   align-items: flex-start;
   display: flex;
-  margin: .5rem 0;
   padding: .5rem 0;
 
   .tile-icon,
diff --git a/src/utilities.less b/src/utilities.less
index fe98dd6..d4126df 100644
--- a/src/utilities.less
+++ b/src/utilities.less
@@ -26,6 +26,7 @@
     position: absolute;
     top: 50%;
     width: 1.6rem;
+    z-index: 99;
   }
 }