diff --git a/landing/siwe.css b/landing/siwe.css --- a/landing/siwe.css +++ b/landing/siwe.css @@ -26,17 +26,28 @@ } .walletDisplayText { - font-size: 24px; - padding: 5px; + display: flex; + width: 100%; + padding-bottom: 6px; } + +.walletDisplayText p { + font-size: 16px; + font-weight: bold; +} + .wrapper > p { - text-align: center; - padding: 5px; + padding-top: 16px; font-size: 15px; } + +.wrapper a { + color: #2a5db0; +} + .button { margin-top: 20px; - background: #7e57c2; + background: #6a20e3; border-radius: 4px; text-align: center; padding: 10px; diff --git a/landing/siwe.react.js b/landing/siwe.react.js --- a/landing/siwe.react.js +++ b/landing/siwe.react.js @@ -157,7 +157,9 @@ } else { return ( <div className={css.wrapper}> - <span className={css.walletDisplayText}>Wallet Connected:</span> + <span className={css.walletDisplayText}> + <p>Wallet Connected</p> + </span> <div className={css.connectedWalletInfo}> <ConnectedWalletInfo /> </div>