From 2269cc5ab913c5da84e9d075b7cf86b233efe5dd Mon Sep 17 00:00:00 2001
From: dave | d1onys1us <dave@taiko.xyz>
Date: Wed, 14 Dec 2022 23:31:31 -0500
Subject: [PATCH] feat(bridge-ui): hide input arrows and focus ring (#439)

---
 .../bridge-ui/src/components/form/BridgeForm.svelte  | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/bridge-ui/src/components/form/BridgeForm.svelte b/packages/bridge-ui/src/components/form/BridgeForm.svelte
index 934909c209c..ae285de4c39 100644
--- a/packages/bridge-ui/src/components/form/BridgeForm.svelte
+++ b/packages/bridge-ui/src/components/form/BridgeForm.svelte
@@ -182,7 +182,7 @@
       placeholder="0.01"
       min="0"
       on:input={updateAmount}
-      class="input input-primary bg-dark-4 input-md md:input-lg w-full"
+      class="input input-primary bg-dark-4 input-md md:input-lg w-full focus:ring-0"
       name="amount"
     />
     <SelectToken />
@@ -210,3 +210,13 @@
     {$_("home.approve")}
   </button>
 {/if}
+
+<style>
+  /* hide number input arrows */
+  input[type="number"]::-webkit-outer-spin-button,
+  input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+    -moz-appearance: textfield !important;
+  }
+</style>