Match carets to our CSS generated ones

The exact sizing of the individual carets are now matched up—`8px` wide—with our select menus.

Author: mdo

scss/_forms.scss

@@ -511,8 +511,8 @@ input::-webkit-inner-spin-button {
   max-width: 100%;
   padding: 7px 24px 7px 8px;
   vertical-align: middle;
-  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAMAAADEfo0+AAAAMFBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzPzX0yTAAAAD3RSTlMAZDn5GeUaBsWaZcab5joPrRvwAAAAZElEQVR42qXPOxKAMAgAUUwk5KNy/9vqZLJGbX0dzQIyLIu8hBiDPKzqrmnOlv2STVC8K3fQh0rQhxgIQhNBNCMIwv9s/rKJtc9aSTrnvX98zNMP6ep8bigEYY0gkhJEiARRCZ4rWAk+0KMwqwAAAABJRU5ErkJggg==) no-repeat right 8px center;
-  background-size: 8px 12px;
+  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 8px center;
+  background-size: 8px 10px;
   box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.075);
   // Have to include vendor prefixes as the `appearance` property isn't part of the CSS spec.
   -webkit-appearance: none;