diff --git a/src/routes/chat/GuestSessionList/Session.tsx b/src/routes/chat/GuestSessionList/Session.tsx
index 2aa5f4c2..f984fbcb 100644
--- a/src/routes/chat/GuestSessionList/Session.tsx
+++ b/src/routes/chat/GuestSessionList/Session.tsx
@@ -40,7 +40,7 @@ const Session: FC<IProps> = ({ id, mid }) => {
   return (
     <li className="session">
       <NavLink className={({ isActive: linkActive }) => clsx(`nav flex gap-2 rounded-lg p-2 w-full md:hover:bg-gray-500/20`, linkActive && "bg-gray-500/20")} to={`/chat/channel/${id}`}>
-        <div className="flex bg-slate-50 rounded-full">
+        <div className="flex shrink-0 w-10 h-10 bg-slate-50 rounded-full overflow-hidden">
           <Avatar width={40} height={40} className="icon" type="channel" name={name} src={icon} />
         </div>
         <div className="w-full flex flex-col justify-between">
diff --git a/src/routes/chat/SessionList/Session.tsx b/src/routes/chat/SessionList/Session.tsx
index aaca79ea..836af2c7 100644
--- a/src/routes/chat/SessionList/Session.tsx
+++ b/src/routes/chat/SessionList/Session.tsx
@@ -113,7 +113,7 @@ const Session: FC<IProps> = ({
           to={type == "user" ? `/chat/dm/${id}` : `/chat/channel/${id}`}
           onContextMenu={handleContextMenuEvent}
         >
-          <div className="flex bg-slate-50 rounded-full">
+          <div className="flex shrink-0 w-10 h-10 bg-slate-50 rounded-full overflow-hidden">
             {type == "user" ? (
               <User avatarSize={40} compact interactive={false} uid={id} />
             ) : (