diff --git a/packages/react-components/src/Modal/styles.scss b/packages/react-components/src/Modal/styles.scss index e37bb8a2..b5bc7094 100644 --- a/packages/react-components/src/Modal/styles.scss +++ b/packages/react-components/src/Modal/styles.scss @@ -128,6 +128,14 @@ &.authorize-transaction { .actions { padding: 0 !important; + .close-btn { + top: 35px; + right: 16px; + } + } + .ui--Modal-Column { + padding: 0; + margin: 0; } } } @@ -164,6 +172,9 @@ } } &.authorize-transaction { + .header { + margin-right: 48px !important; + } .actions { > div:last-of-type { width: 100%; @@ -219,6 +230,20 @@ .content { padding: 16px !important; } + + &.authorize-transaction { + .header { + font-size: 24px !important; + line-height: 36px !important; + font-weight: 700 !important; + padding: 0 !important; + } + .content { + padding: 0 !important; + margin-top: calc(var(--gap) / 2 * 3); + margin-bottom: calc(var(--gap) * 2); + } + } } } } diff --git a/packages/react-signer/src/TxSigned.tsx b/packages/react-signer/src/TxSigned.tsx index 69893464..7087ba19 100644 --- a/packages/react-signer/src/TxSigned.tsx +++ b/packages/react-signer/src/TxSigned.tsx @@ -346,10 +346,9 @@ function TxSigned ({ className, currentItem, requestAddress }: Props): React.Rea