From 903bf9b95cd338e7ebdb2e0eea46997dc6193cd2 Mon Sep 17 00:00:00 2001
From: Ralph <“ralph.galan@regen.network>
Date: Wed, 4 Sep 2024 11:00:20 +0100
Subject: [PATCH] fix: denom icon misalignment

---
 .../DenomIconWithCurrency/DenomIconWithCurrency.tsx          | 2 +-
 .../src/components/molecules/CreditsAmount/CurrencyInput.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web-components/src/components/DenomIconWithCurrency/DenomIconWithCurrency.tsx b/web-components/src/components/DenomIconWithCurrency/DenomIconWithCurrency.tsx
index db987f3021..3e1121fb88 100644
--- a/web-components/src/components/DenomIconWithCurrency/DenomIconWithCurrency.tsx
+++ b/web-components/src/components/DenomIconWithCurrency/DenomIconWithCurrency.tsx
@@ -20,7 +20,7 @@ export function DenomIconWithCurrency({
         baseDenom={currency}
         className="h-[24px] inline-block denom-icon"
       />
-      <span className="pb-5 pt-1 text-sm">{currency.toUpperCase()}</span>
+      <span className="pb-5 pt-3 text-sm">{currency.toUpperCase()}</span>
       {tooltipText && (
         <QuestionMarkTooltip
           placement="bottom"
diff --git a/web-marketplace/src/components/molecules/CreditsAmount/CurrencyInput.tsx b/web-marketplace/src/components/molecules/CreditsAmount/CurrencyInput.tsx
index 80b3eae963..890011eff6 100644
--- a/web-marketplace/src/components/molecules/CreditsAmount/CurrencyInput.tsx
+++ b/web-marketplace/src/components/molecules/CreditsAmount/CurrencyInput.tsx
@@ -93,7 +93,7 @@ export const CurrencyInput = ({
             width: '15px !important',
             height: '15px !important',
             right: 'auto !important',
-            top: '-3px !important',
+            top: '-2px !important',
             position: 'relative !important',
           },
           '& .MuiSvgIcon-root': {
@@ -106,6 +106,9 @@ export const CurrencyInput = ({
           '& .MuiTypography-root': {
             'min-width': '60px',
           },
+          '& .MuiInputAdornment-root': {
+            'padding-top': '5px',
+          },
         }}
         endAdornment={
           paymentOption === PAYMENT_OPTIONS.CARD ? (