diff --git a/src/components/columns/navigator/messages/list.tsx b/src/components/columns/navigator/messages/list.tsx
index 59de3e5c..9a202232 100644
--- a/src/components/columns/navigator/messages/list.tsx
+++ b/src/components/columns/navigator/messages/list.tsx
@@ -5,8 +5,8 @@ import { Key, memo } from 'react';
 export const MessageList = memo(function MessageList({ data }: { data: any }) {
   return (
     <>
-      {data.map((item: string, index: Key) => (
-        <UserMini key={index} pubkey={item} />
+      {data.map((item: { pubkey: string }, index: Key) => (
+        <UserMini key={index} pubkey={item.pubkey} />
       ))}
     </>
   );
diff --git a/src/components/note/connector.tsx b/src/components/note/connector.tsx
index d9167d60..d725f155 100644
--- a/src/components/note/connector.tsx
+++ b/src/components/note/connector.tsx
@@ -17,7 +17,7 @@ export const NoteConnector = memo(function NoteConnector() {
   const [relays] = useAtom(relaysAtom);
   const [activeAccount] = useAtom(activeAccountAtom);
 
-  const [isOnline] = useState(navigator.onLine);
+  const [isOnline] = useState(true);
   const now = useRef(new Date());
 
   useEffect(() => {
diff --git a/src/components/user/base.tsx b/src/components/user/base.tsx
index 1ab3ca59..b55649bf 100644
--- a/src/components/user/base.tsx
+++ b/src/components/user/base.tsx
@@ -35,7 +35,9 @@ export const UserBase = memo(function UserBase({ pubkey }: { pubkey: string }) {
         )}
       </div>
       <div className="flex w-full flex-1 flex-col items-start text-start">
-        <span className="font-medium leading-tight text-zinc-200">{profile?.display_name || profile?.name}</span>
+        <span className="truncate font-medium leading-tight text-zinc-200">
+          {profile?.display_name || profile?.name}
+        </span>
         <span className="text-sm leading-tight text-zinc-400">{truncate(pubkey, 16, ' .... ')}</span>
       </div>
     </div>