@@ -192,7 +192,7 @@ export default function LoginSelector({
192 </Grid.Item>
192 </Grid.Item>
193 <Modal show={showModal} hide={() => setShowModal(false)}>
193 <Modal show={showModal} hide={() => setShowModal(false)}>
194 <Box className="info-modal-content">
194 <Box className="info-modal-content">
195− <div className="fw-bold">Other Wallet Types</div>
195+ <div className="fw-bold mb5">Other Wallet Types</div>
196 <div className="mb5">
196 <div className="mb5">
197 All other wallet types are now supported via Metamask or
197 All other wallet types are now supported via Metamask or
198 WalletConnect.
198 WalletConnect.
@@ -204,6 +204,17 @@ export default function LoginSelector({
204 </span>{' '}
204 </span>{' '}
205 please use Metamask going forward.
205 please use Metamask going forward.
207+ <div className="mb5">
211+ style={{ textDecoration: 'underline' }}
212+ href="https://metamask.zendesk.com/hc/en-us/articles/360020394612-How-to-connect-a-Trezor-or-Ledger-Hardware-Wallet"
216+ on how to connect these wallets with Metamask.
208 If you are using a <span className="fw-bold">mobile wallet</span>,
219 If you are using a <span className="fw-bold">mobile wallet</span>,
209 please use WalletConnect going forward.
220 please use WalletConnect going forward.