fix: Update styles

decentraland · Mar 19, 2024 · a5ffc7a · a5ffc7a
1 parent 36e486c
commit a5ffc7a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/...nents/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.css b/...nents/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.css
@@ -93,6 +93,15 @@
   gap: 1rem;
 }
 
+.PayPublicationFeeStep .actions .actions-right button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.PayPublicationFeeStep .actions .actions-right button span {
+  margin-left: 6px;
+}
+
 .PayPublicationFeeStep .actions .actions-right .pay-with-card {
   background-color: white !important;
   color: black;

diff --git a/...nents/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.tsx b/...nents/Modals/PublishWizardCollectionModal/PayPublicationFeeStep/PayPublicationFeeStep.tsx
@@ -147,12 +147,12 @@ export const PayPublicationFeeStep: React.FC<
             {isPublishCollectionsWertEnabled ? (
               <Button className="pay-with-card" onClick={handleBuyWithFiat} disabled={isLoading} loading={isLoading}>
                 <Icon name="credit card outline" />
-                {t('publish_wizard_collection_modal.pay_publication_fee_step.pay_card')}
+                <span>{t('publish_wizard_collection_modal.pay_publication_fee_step.pay_card')}</span>
               </Button>
             ) : null}
             <Button primary onClick={handleBuyWithMana} disabled={hasInsufficientMANA || isLoading} loading={isLoading}>
               <Mana inline size="small" network={Network.MATIC} />
-              {t('publish_wizard_collection_modal.pay_publication_fee_step.pay_mana')}
+              <span>{t('publish_wizard_collection_modal.pay_publication_fee_step.pay_mana')}</span>
             </Button>
           </div>
         </Row>