From e4936c03ef5d97d3d46aabc92b9a4dae90b6bb07 Mon Sep 17 00:00:00 2001
From: muzam1l <muzamilsofi@outlook.com>
Date: Fri, 17 Mar 2023 17:17:29 +0530
Subject: [PATCH] Css changes.

---
 components/Select.tsx         |  5 +++--
 components/Transaction/ui.tsx | 10 +++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/components/Select.tsx b/components/Select.tsx
index 3822e18..0b55e5b 100644
--- a/components/Select.tsx
+++ b/components/Select.tsx
@@ -39,7 +39,7 @@ const Select = forwardRef<any, Props>((props, ref) => {
           return {
             ...provided,
             position: 'relative',
-            width: '100%'
+            width: '100%',
           }
         },
         singleValue: provided => ({
@@ -108,9 +108,10 @@ const Select = forwardRef<any, Props>((props, ref) => {
         dropdownIndicator: (provided, state) => {
           return {
             ...provided,
+            padding: 6,
             color: state.isFocused ? colors.border : colors.secondary,
             ':hover': {
-              color: colors.border
+              color: colors.border,
             }
           }
         }
diff --git a/components/Transaction/ui.tsx b/components/Transaction/ui.tsx
index 71eb44e..a042ae4 100644
--- a/components/Transaction/ui.tsx
+++ b/components/Transaction/ui.tsx
@@ -268,6 +268,7 @@ export const TxUI: FC<UIProps> = ({
                         }
                       />
                       <Input
+                        css={{ mx: '$1' }}
                         type="text"
                         value={tokenAmount.currency}
                         placeholder="Currency"
@@ -305,13 +306,12 @@ export const TxUI: FC<UIProps> = ({
                   )}
                   <Box
                     css={{
-                      ml: '$1',
-                      width: '200px'
+                      ml: '$2',
+                      width: '150px'
                     }}
                   >
                     <Select
-                      instanceId="currency"
-                      placeholder="Select currency"
+                      instanceId="currency-type"
                       options={amountOptions}
                       value={isXrpAmount ? amountOptions['0'] : amountOptions['1']}
                       onChange={(e: any) => {
@@ -553,7 +553,7 @@ export const TxField: FC<{ label: string; children: ReactNode; multiLine?: boole
         justifyContent: 'flex-end',
         alignItems: multiLine ? 'flex-start' : 'center',
         position: 'relative',
-        mb: '$3',
+        mb: '$2',
         mt: '1px',
         pr: '1px'
       }}