css: hide number input arrows

Signed-off-by: Varun Patil <radialapps@gmail.com>

src/styles/utils.scss

@@ -35,3 +35,15 @@
   user-select: none;
   -webkit-user-select: none; // iOS Safari is a horrible browser
 }
+
+// Hide arrows on number input
+input[type='number'] {
+  appearance: textfield;
+
+  // https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+}