diff --git a/src/renderer/src/components/avatar/avatar.tsx b/src/renderer/src/components/avatar/avatar.tsx
index 1f6526f0..99800acd 100644
--- a/src/renderer/src/components/avatar/avatar.tsx
+++ b/src/renderer/src/components/avatar/avatar.tsx
@@ -1,4 +1,5 @@
 import { PersonIcon } from "@primer/octicons-react";
+import cn from "classnames";
 
 import "./avatar.scss";
 
@@ -14,17 +15,17 @@ export interface AvatarProps
   src?: string | null;
 }
 
-export function Avatar({ size, alt, src, ...props }: AvatarProps) {
+export function Avatar({ size, alt, src, className, ...props }: AvatarProps) {
   return (
     <div className="profile-avatar" style={{ width: size, height: size }}>
       {src ? (
         <img
-          {...props}
-          className="profile-avatar__image"
+          className={cn("profile-avatar__image", className)}
           alt={alt}
           src={src}
           width={size}
           height={size}
+          {...props}
         />
       ) : (
         <PersonIcon size={size * 0.7} />