minor details

packages/desktop/src/components/User/basicUserDetailsRow.tsx

@@ -22,7 +22,7 @@ export default function BasicUserRow({
         shape="square"
         src={user.picture}
         size="default"
-        className="shadow-lg mx-5"
+        className="shadow-lg mr-2"
       />
 
       <span className="flex flex-col items-start">

packages/desktop/src/components/header/index.tsx

@@ -155,7 +155,7 @@ export default function NirvanaHeader({
               mediaSettings.mode === "audio" && (
                 <Avatar
                   key={`userHeaderProfilePicture`}
-                  className="mr-1 shadow-md"
+                  className="shadow-md"
                   alt={userDetailsRes?.user?.givenName}
                   src={userDetailsRes?.user?.picture}
                   shape="square"

packages/desktop/src/components/lines/lineIcon/index.tsx

@@ -20,6 +20,7 @@ export default function LineIcon({ sourceImages }: { sourceImages: string[] }) {
           src={avatarSrc}
           shape="square"
           size={"default"}
+          className={"grayscale"}
         />
       ))}
     </Avatar.Group>