diff --git a/web/account/connected-wallet-info.css b/lib/components/connected-wallet-info.css
rename from web/account/connected-wallet-info.css
rename to lib/components/connected-wallet-info.css
diff --git a/web/account/connected-wallet-info.react.js b/lib/components/connected-wallet-info.react.js
rename from web/account/connected-wallet-info.react.js
rename to lib/components/connected-wallet-info.react.js
--- a/web/account/connected-wallet-info.react.js
+++ b/lib/components/connected-wallet-info.react.js
@@ -4,10 +4,9 @@
 import * as React from 'react';
 import { useAccount, useEnsAvatar } from 'wagmi';
 
-import SWMansionIcon from 'lib/components/SWMansionIcon.react.js';
-import { useENSName } from 'lib/hooks/ens-cache.js';
-
+import { useENSName } from '../hooks/ens-cache.js';
 import css from './connected-wallet-info.css';
+import SWMansionIcon from './SWMansionIcon.react.js';
 
 function shortenAddressToFitWidth(address: string): string {
   if (address.length < 22) {
diff --git a/lib/package.json b/lib/package.json
--- a/lib/package.json
+++ b/lib/package.json
@@ -25,6 +25,7 @@
     "react-refresh": "^0.14.0"
   },
   "dependencies": {
+    "@rainbow-me/rainbowkit": "^0.5.0",
     "dateformat": "^3.0.3",
     "emoji-regex": "^10.2.1",
     "eth-ens-namehash": "^2.0.8",
diff --git a/web/account/siwe-login-form.react.js b/web/account/siwe-login-form.react.js
--- a/web/account/siwe-login-form.react.js
+++ b/web/account/siwe-login-form.react.js
@@ -14,6 +14,7 @@
   siweAuth,
   siweAuthActionTypes,
 } from 'lib/actions/siwe-actions';
+import ConnectedWalletInfo from 'lib/components/connected-wallet-info.react.js';
 import SWMansionIcon from 'lib/components/SWMansionIcon.react.js';
 import { createLoadingStatusSelector } from 'lib/selectors/loading-selectors';
 import type { LogInStartingPayload } from 'lib/types/account-types.js';
@@ -33,7 +34,6 @@
 import { setPrimaryIdentityPublicKey } from '../redux/primary-identity-public-key-reducer';
 import { useSelector } from '../redux/redux-utils';
 import { webLogInExtraInfoSelector } from '../selectors/account-selectors.js';
-import ConnectedWalletInfo from './connected-wallet-info.react.js';
 import HeaderSeparator from './header-separator.react.js';
 import css from './siwe.css';