diff --git a/shared/index.tsx b/shared/index.tsx
index 21ea7e73..c6de0f31 100644
--- a/shared/index.tsx
+++ b/shared/index.tsx
@@ -60,6 +60,7 @@ export type { ChatMessage } from './model/message';
 export type { UserBaseInfo, UserLoginInfo } from './model/user';
 export {
   loginWithEmail,
+  loginWithToken,
   registerWithEmail,
   searchUserWithUniqueName,
 } from './model/user';
diff --git a/web/src/routes/Main/Navbar/NavItem.tsx b/web/src/routes/Main/Navbar/NavItem.tsx
index d812f882..9aa29a20 100644
--- a/web/src/routes/Main/Navbar/NavItem.tsx
+++ b/web/src/routes/Main/Navbar/NavItem.tsx
@@ -9,7 +9,7 @@ export const NavbarNavItem: React.FC<{
   return (
     <div
       className={clsx(
-        'w-12 h-12 hover:rounded-lg bg-gray-300 transition-all rounded-1/2 cursor-pointer flex items-center justify-center overflow-hidden',
+        'w-12 h-12 hover:rounded-lg transition-all rounded-1/2 cursor-pointer flex items-center justify-center overflow-hidden',
         props.className
       )}
       onClick={props.onClick}
diff --git a/web/src/routes/Main/Provider.tsx b/web/src/routes/Main/Provider.tsx
index 47ec5783..6b76058c 100644
--- a/web/src/routes/Main/Provider.tsx
+++ b/web/src/routes/Main/Provider.tsx
@@ -4,13 +4,13 @@ import {
   setupRedux,
   useAsync,
   userActions,
+  loginWithToken,
 } from 'tailchat-shared';
 import React from 'react';
 import { LoadingSpinner } from '../../components/LoadingSpinner';
 import { Provider as ReduxProvider } from 'react-redux';
 import { getGlobalUserLoginInfo } from '../../utils/user-helper';
 import _isNil from 'lodash/isNil';
-import { loginWithToken } from 'tailchat-shared/model/user';
 import { getUserJWT } from '../../utils/jwt-helper';
 import { useHistory } from 'react-router';
 import { SidebarContextProvider } from './SidebarContext';