diff --git a/packages/lending/src/components/ConnectButton/index.tsx b/packages/common/src/components/ConnectButton/index.tsx
similarity index 82%
rename from packages/lending/src/components/ConnectButton/index.tsx
rename to packages/common/src/components/ConnectButton/index.tsx
index 97d8ef7..6a0d15c 100644
--- a/packages/lending/src/components/ConnectButton/index.tsx
+++ b/packages/common/src/components/ConnectButton/index.tsx
@@ -1,9 +1,7 @@
 import { Button, Dropdown, Menu } from "antd";
 import { ButtonProps } from "antd/lib/button";
 import React from "react";
-import { LABELS } from "../../constants";
-import { contexts } from '@oyster/common';
-const { useWallet } = contexts.Wallet;
+import { useWallet } from './../../contexts/wallet';
 
 export interface ConnectButtonProps extends ButtonProps, React.RefAttributes<HTMLElement> {
   allowWalletChange?: boolean;
@@ -29,7 +27,7 @@ export const ConnectButton = (
       onClick={connected ? onClick : connect}
       disabled={connected && disabled}
     >
-      {connected ? props.children : LABELS.CONNECT_LABEL}
+      {connected ? props.children : 'Connect'}
     </Button>;
   }
 
@@ -38,7 +36,7 @@ export const ConnectButton = (
         onClick={connected ? onClick : connect}
         disabled={connected && disabled}
         overlay={menu}>
-      {LABELS.CONNECT_LABEL}
+      Connect
     </Dropdown.Button>
   );
 };
diff --git a/packages/common/src/components/index.tsx b/packages/common/src/components/index.tsx
index 731438b..0038ed5 100644
--- a/packages/common/src/components/index.tsx
+++ b/packages/common/src/components/index.tsx
@@ -1 +1,2 @@
 export { ExplorerLink } from './ExplorerLink/index';
+export { ConnectButton } from './ConnectButton/index';
diff --git a/packages/common/src/contexts/wallet.tsx b/packages/common/src/contexts/wallet.tsx
index 93a2f12..6e7d1f5 100644
--- a/packages/common/src/contexts/wallet.tsx
+++ b/packages/common/src/contexts/wallet.tsx
@@ -41,6 +41,7 @@ export const WALLET_PROVIDERS = [
 export interface WalletAdapter extends EventEmitter {
   publicKey: PublicKey | null,
   signTransaction: (transaction: Transaction) => Promise<Transaction>;
+  // signMultipleTransaction: (transaction: Transaction[]) => Promise<Transaction[]>;
   connect: () => any,
   disconnect: () => any,
 }
diff --git a/packages/common/src/index.tsx b/packages/common/src/index.tsx
index 4c23c1d..c08601d 100644
--- a/packages/common/src/index.tsx
+++ b/packages/common/src/index.tsx
@@ -1,5 +1,5 @@
 export * as actions from './actions';
-export * as components from './components';
+export * from './components';
 export * as config from './config';
 export * as constants from './constants';
 export * as hooks from './hooks';
diff --git a/packages/lending/src/components/AppBar/index.tsx b/packages/lending/src/components/AppBar/index.tsx
index 9e0705c..1132459 100644
--- a/packages/lending/src/components/AppBar/index.tsx
+++ b/packages/lending/src/components/AppBar/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, Popover } from 'antd';
-import { contexts } from '@oyster/common';
+import { contexts, ConnectButton } from '@oyster/common';
 import { CurrentUserBadge } from '../CurrentUserBadge';
 import { SettingOutlined } from '@ant-design/icons';
 import { Settings } from '../Settings';
@@ -12,26 +12,15 @@ export const AppBar = (props: { left?: JSX.Element; right?: JSX.Element }) => {
 
   const TopBar = (
     <div className="App-Bar-right">
-      <CurrentUserBadge />
-      <div>
-        {!connected && (
-          <Button
+      {connected ? (
+          <CurrentUserBadge />
+      ) : (
+          <ConnectButton
             type="text"
             size="large"
-            onClick={connected ? wallet?.disconnect : wallet?.connect}
-            style={{ color: '#2abdd2' }}
-          >
-            {LABELS.CONNECT_BUTTON}
-          </Button>
-        )}
-        {connected && (
-          <Popover
-            placement="bottomRight"
-            title={LABELS.WALLET_TOOLTIP}
-            trigger="click"
-          ></Popover>
-        )}
-      </div>
+            allowWalletChange={true}
+            style={{ color: "#2abdd2" }}/>
+      )}
       <Popover
         placement="topRight"
         title={LABELS.SETTINGS_TOOLTIP}
diff --git a/packages/lending/src/components/BorrowInput/index.tsx b/packages/lending/src/components/BorrowInput/index.tsx
index 82b1533..6e4b59a 100644
--- a/packages/lending/src/components/BorrowInput/index.tsx
+++ b/packages/lending/src/components/BorrowInput/index.tsx
@@ -11,14 +11,13 @@ import {
   LendingReserveParser,
 } from '../../models';
 import { Card } from 'antd';
-import { contexts, ParsedAccount } from '@oyster/common';
+import { contexts, ParsedAccount, ConnectButton } from '@oyster/common';
 
 import { borrow } from '../../actions';
 import './style.less';
 import { LABELS } from '../../constants';
 import { ActionConfirmation } from './../ActionConfirmation';
 import { BackButton } from './../BackButton';
-import { ConnectButton } from '../ConnectButton';
 import CollateralInput from '../CollateralInput';
 import { useMidPriceInUSD } from '../../contexts/market';
 import { RiskSlider } from '../RiskSlider';
diff --git a/packages/lending/src/components/DepositInput/index.tsx b/packages/lending/src/components/DepositInput/index.tsx
index 0d54b28..941906d 100644
--- a/packages/lending/src/components/DepositInput/index.tsx
+++ b/packages/lending/src/components/DepositInput/index.tsx
@@ -7,9 +7,8 @@ import { PublicKey } from '@solana/web3.js';
 import './style.less';
 import { ActionConfirmation } from './../ActionConfirmation';
 import { LABELS, marks } from '../../constants';
-import { ConnectButton } from '../ConnectButton';
 import CollateralInput from '../CollateralInput';
-import { contexts } from '@oyster/common';
+import { contexts, ConnectButton } from '@oyster/common';
 const { useWallet } = contexts.Wallet;
 const { useConnection } = contexts.Connection;
 
diff --git a/packages/lending/src/components/LiquidateInput/index.tsx b/packages/lending/src/components/LiquidateInput/index.tsx
index 5e8f229..9c50263 100644
--- a/packages/lending/src/components/LiquidateInput/index.tsx
+++ b/packages/lending/src/components/LiquidateInput/index.tsx
@@ -3,7 +3,7 @@ import Card from 'antd/lib/card';
 import React, { useCallback, useEffect } from 'react';
 import { useState } from 'react';
 import { LABELS, marks } from '../../constants';
-import { ParsedAccount, contexts, utils } from '@oyster/common';
+import { ParsedAccount, contexts, utils, ConnectButton } from '@oyster/common';
 import {
   EnrichedLendingObligation,
   InputType,
@@ -15,7 +15,6 @@ import { ActionConfirmation } from '../ActionConfirmation';
 import { liquidate } from '../../actions';
 import './style.less';
 import CollateralInput from '../CollateralInput';
-import { ConnectButton } from '../ConnectButton';
 import { useMidPriceInUSD } from '../../contexts/market';
 const { notify, fromLamports, wadToLamports } = utils;
 const { useConnection } = contexts.Connection;
diff --git a/packages/lending/src/components/RepayInput/index.tsx b/packages/lending/src/components/RepayInput/index.tsx
index 15df09c..4345c9f 100644
--- a/packages/lending/src/components/RepayInput/index.tsx
+++ b/packages/lending/src/components/RepayInput/index.tsx
@@ -7,12 +7,11 @@ import {
 } from '../../hooks';
 import { LendingReserve } from '../../models';
 import { Card, Slider } from 'antd';
-import { ParsedAccount, contexts, utils, hooks } from '@oyster/common';
+import { ParsedAccount, contexts, utils, hooks, ConnectButton } from '@oyster/common';
 import { repay } from '../../actions';
 import './style.less';
 import { LABELS, marks } from '../../constants';
 import { ActionConfirmation } from './../ActionConfirmation';
-import { ConnectButton } from '../ConnectButton';
 import CollateralInput from '../CollateralInput';
 import { useMidPriceInUSD } from '../../contexts/market';
 
diff --git a/packages/lending/src/components/WithdrawInput/index.tsx b/packages/lending/src/components/WithdrawInput/index.tsx
index 65a324f..4d1e8e7 100644
--- a/packages/lending/src/components/WithdrawInput/index.tsx
+++ b/packages/lending/src/components/WithdrawInput/index.tsx
@@ -12,9 +12,8 @@ import { PublicKey } from '@solana/web3.js';
 import './style.less';
 import { LABELS, marks } from '../../constants';
 import { ActionConfirmation } from './../ActionConfirmation';
-import { ConnectButton } from '../ConnectButton';
 import CollateralInput from '../CollateralInput';
-import { contexts } from '@oyster/common';
+import { contexts, ConnectButton } from '@oyster/common';
 const { useConnection } = contexts.Connection;
 const { useWallet } = contexts.Wallet;
 
diff --git a/packages/lending/src/views/faucet/index.tsx b/packages/lending/src/views/faucet/index.tsx
index a2e07ca..d36a114 100644
--- a/packages/lending/src/views/faucet/index.tsx
+++ b/packages/lending/src/views/faucet/index.tsx
@@ -1,9 +1,8 @@
 import React, { useCallback } from 'react';
 import { Card } from 'antd';
 import { LAMPORTS_PER_SOL } from '@solana/web3.js';
-import { ConnectButton } from './../../components/ConnectButton';
 import { LABELS } from '../../constants';
-import { contexts, utils } from '@oyster/common';
+import { contexts, utils, ConnectButton } from '@oyster/common';
 const { useConnection } = contexts.Connection;
 const { useWallet } = contexts.Wallet;
 const { notify } = utils;