fix: denom icon misalignment

regen-network · Sep 4, 2024 · 903bf9b · 903bf9b
1 parent 6a7dc4e
commit 903bf9b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git 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
@@ -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 ? (