diff --git a/src/Components/Common/Avatar.tsx b/src/Components/Common/Avatar.tsx
index 3dcbd0e67ac..1d20c3ad18f 100644
--- a/src/Components/Common/Avatar.tsx
+++ b/src/Components/Common/Avatar.tsx
@@ -43,7 +43,6 @@ const initials = (name: string): string => {
 };
 
 interface AvatarProps {
-  id?: string;
   colors?: [string, string];
   name: string;
   imageUrl?: string;
@@ -51,7 +50,6 @@ interface AvatarProps {
 }
 
 const Avatar: React.FC<AvatarProps> = ({
-  id,
   colors: propColors,
   name,
   imageUrl,
@@ -60,7 +58,6 @@ const Avatar: React.FC<AvatarProps> = ({
   const [bgColor] = propColors || toColor(name);
   return (
     <div
-      id={id}
       className={cn(
         `flex aspect-square w-full items-center justify-center overflow-hidden border border-black/10`,
         className,
diff --git a/src/Components/Common/AvatarEditable.tsx b/src/Components/Common/AvatarEditable.tsx
index bc5d162e131..ce3112f2107 100644
--- a/src/Components/Common/AvatarEditable.tsx
+++ b/src/Components/Common/AvatarEditable.tsx
@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
 import { AvatarProps, Avatar } from "@/Components/Common/Avatar";
 
 interface AvatarEditableProps extends AvatarProps {
+  id?: string;
   editable?: boolean;
   onClick?: () => void;
 }