From b68b5779a6dc0c843af42118f4de654f886412a6 Mon Sep 17 00:00:00 2001
From: Srikar Samudrala <srikarsams@gmail.com>
Date: Tue, 22 Aug 2023 17:59:02 +0530
Subject: [PATCH] remove arrows for number inputs (#1287)

---
 .../ui/dropdown/components/DropdownMenuInput.tsx       | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/front/src/modules/ui/dropdown/components/DropdownMenuInput.tsx b/front/src/modules/ui/dropdown/components/DropdownMenuInput.tsx
index 6a2ca4649..3717070b2 100644
--- a/front/src/modules/ui/dropdown/components/DropdownMenuInput.tsx
+++ b/front/src/modules/ui/dropdown/components/DropdownMenuInput.tsx
@@ -22,6 +22,16 @@ const StyledInput = styled.input`
   ${textInputStyle}
 
   width: 100%;
+
+  &[type='number']::-webkit-outer-spin-button,
+  &[type='number']::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  &[type='number'] {
+    -moz-appearance: textfield;
+  }
 `;
 
 export const DropdownMenuInput = forwardRef<