From 9229ec18e2e5227a88891f7ad15f0ea9f6dba87a Mon Sep 17 00:00:00 2001
From: Roland Bewick <roland.bewick@gmail.com>
Date: Sat, 26 Oct 2024 23:31:23 +0700
Subject: [PATCH] fix: currency select arrow

---
 src/pages/wallet/New.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/wallet/New.tsx b/src/pages/wallet/New.tsx
index bc37a68..fd9e67a 100644
--- a/src/pages/wallet/New.tsx
+++ b/src/pages/wallet/New.tsx
@@ -4,7 +4,7 @@ import { Navbar } from "../../components/Navbar";
 import useStore from "../../state/store";
 import { fiat } from "@getalby/lightning-tools";
 import { localStorageKeys } from "../../constants";
-import { PopiconsEditPencilDuotone } from "@popicons/react";
+import { PopiconsChevronBottomDuotone, PopiconsEditPencilDuotone } from "@popicons/react";
 
 export const DEFAULT_LABEL = "BuzzPay";
 
@@ -162,7 +162,7 @@ export function New() {
               </p>
               <div className="flex items-center justify-center">
                 <select
-                  className="text-center m-2 w-[7ch] whitespace-nowrap mx-auto bg-transparent text-gray-400 cursor-pointer"
+                  className="m-2 w-16 whitespace-nowrap mx-auto bg-transparent text-gray-400 cursor-pointer appearance-none"
                   value={currency}
                   onChange={handleCurrencyChange}
                 >
@@ -172,6 +172,7 @@ export function New() {
                     </option>
                   ))}
                 </select>
+                <PopiconsChevronBottomDuotone className="h-4 w-4 -ml-4 pointer-events-none" />
               </div>
             </div>
             <button type="button" className="flex items-center gap-2 mb-8" onClick={handleSetLabel}>