Minor UI improvements

luloxi · Oct 20, 2024 · a92a104 · a92a104
1 parent 0b2fd9d
commit a92a104
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/nextjs/components/punk-society/PunkConnectButton/SendUSDCModal.tsx b/packages/nextjs/components/punk-society/PunkConnectButton/SendUSDCModal.tsx
@@ -51,7 +51,7 @@ export const SendUSDCModal = ({ modalId }: SendUSDCModalProps) => {
 
               <div className="flex flex-row justify-between items-center gap-3">
                 <InputBase value={receiver} onChange={setReceiver} placeholder="Enter receiver" />
-                <button className="p-4 text-white bg-red-600 hover:bg-red-500 active:bg-red-500 ">
+                <button className="p-4 text-white bg-red-600 hover:bg-red-500 active:bg-red-500 rounded-full">
                   <QrCodeIcon className="h-6 w-6" />
                 </button>
               </div>
@@ -67,7 +67,7 @@ export const SendUSDCModal = ({ modalId }: SendUSDCModalProps) => {
               </button>
               <label
                 htmlFor={`${modalId}`}
-                className="btn text-xl rounded-full bg-red-600 hover:bg-red-500 btn-ghost btn-sm btn-circle absolute right-3 top-3"
+                className="btn text-xl rounded-full text-white bg-red-600 hover:bg-red-500 active:bg-red-500 btn-ghost btn-sm btn-circle absolute right-3 top-3"
               >
                 ✕
               </label>