fix: align fat finger header to the left (#2122)

decentraland · Feb 1, 2024 · 1724a1c · 1724a1c
1 parent b91cc15
commit 1724a1c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/webapp/src/components/Modals/ClaimNameFatFingerModal/ClaimNameFatFingerModal.css b/webapp/src/components/Modals/ClaimNameFatFingerModal/ClaimNameFatFingerModal.css
@@ -8,6 +8,15 @@
   margin-right: 70px;
 }
 
+.ClaimNameFatFingerModal.ui.modal .dcl.modal-navigation {
+  align-items: flex-start;
+  margin-left: 44px;
+}
+
+.ClaimNameFatFingerModal.ui.modal .dcl.modal-navigation-title {
+  text-align: left;
+}
+
 .ClaimNameFatFingerModal.ui.modal .content .dcl.field,
 .ClaimNameFatFingerModal.ui.modal .actions {
   margin-top: 30px;

diff --git a/webapp/src/components/Modals/ClaimNameFatFingerModal/ClaimNameFatFingerModal.tsx b/webapp/src/components/Modals/ClaimNameFatFingerModal/ClaimNameFatFingerModal.tsx
@@ -76,7 +76,7 @@ const ClaimNameFatFingerModal = ({
       ? PaymentMethod.CRYPTO
       : isClaimingNamesWithFiatEnabled
       ? PaymentMethod.FIAT
-      : PaymentMethod.CRYPTO
+      : undefined
   )
   const [currentName, setCurrentName] = useState('')