From 48ab99edf80ca203f4ec59ebc163b4d990feb702 Mon Sep 17 00:00:00 2001
From: deepaksing <deepak123s456@gmail.com>
Date: Fri, 7 Apr 2023 10:08:53 +0530
Subject: [PATCH] fix(bridge-ui): wrong spacing #13339

---
 packages/bridge-ui/src/components/form/BridgeForm.svelte        | 2 +-
 packages/bridge-ui/src/components/form/Memo.svelte              | 2 +-
 .../src/components/form/ProcessingFee/ProcessingFee.svelte      | 2 +-
 packages/bridge-ui/src/components/form/To.svelte                | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/bridge-ui/src/components/form/BridgeForm.svelte b/packages/bridge-ui/src/components/form/BridgeForm.svelte
index 89bf7b9fca5..9e09584bbf8 100644
--- a/packages/bridge-ui/src/components/form/BridgeForm.svelte
+++ b/packages/bridge-ui/src/components/form/BridgeForm.svelte
@@ -401,7 +401,7 @@
       .eq(BigNumber.from(0)); // balance == 0?
 </script>
 
-<div class="form-control my-4 md:my-8">
+<div class="form-control my-10 md:my-8">
   <label class="label" for="amount">
     <span class="label-text">{$_('bridgeForm.fieldLabel')}</span>
 
diff --git a/packages/bridge-ui/src/components/form/Memo.svelte b/packages/bridge-ui/src/components/form/Memo.svelte
index 5c0347a7060..5b6aa9b0f9b 100644
--- a/packages/bridge-ui/src/components/form/Memo.svelte
+++ b/packages/bridge-ui/src/components/form/Memo.svelte
@@ -19,7 +19,7 @@
   $: checkSizeLimit(memo);
 </script>
 
-<div class="flex flex-row justify-between mb-2">
+<div class="flex flex-row justify-between mb-4">
   <ButtonWithTooltip onClick={() => (tooltipOpen = true)}>
     <span slot="buttonText">Memo</span>
   </ButtonWithTooltip>
diff --git a/packages/bridge-ui/src/components/form/ProcessingFee/ProcessingFee.svelte b/packages/bridge-ui/src/components/form/ProcessingFee/ProcessingFee.svelte
index 0beb8e93fde..3411c557f51 100644
--- a/packages/bridge-ui/src/components/form/ProcessingFee/ProcessingFee.svelte
+++ b/packages/bridge-ui/src/components/form/ProcessingFee/ProcessingFee.svelte
@@ -39,7 +39,7 @@
   }
 </script>
 
-<div class="my-10">
+<div class="my-10 md:my-8">
   <div class="flex flex-row justify-between">
     <ButtonWithTooltip onClick={() => (showProcessingFeeTooltip = true)}>
       <span slot="buttonText">{$_('bridgeForm.processingFeeLabel')}</span>
diff --git a/packages/bridge-ui/src/components/form/To.svelte b/packages/bridge-ui/src/components/form/To.svelte
index 09e455e56cd..1b8ccddf112 100644
--- a/packages/bridge-ui/src/components/form/To.svelte
+++ b/packages/bridge-ui/src/components/form/To.svelte
@@ -8,7 +8,7 @@
   let tooltipOpen: boolean = false;
 </script>
 
-<div class="flex flex-row justify-between mb-2 mt-2">
+<div class="flex flex-row justify-between">
   <ButtonWithTooltip onClick={() => (tooltipOpen = true)}>
     <span slot="buttonText">Custom Recipient</span>
   </ButtonWithTooltip>