diff --git a/packages/frontend/src/components/projects/ProjectCard.tsx b/packages/frontend/src/components/projects/ProjectCard.tsx
index 157a0ed..0d0f27a 100644
--- a/packages/frontend/src/components/projects/ProjectCard.tsx
+++ b/packages/frontend/src/components/projects/ProjectCard.tsx
@@ -8,10 +8,10 @@ import {
   MenuList,
   MenuItem,
   Typography,
-  Avatar,
 } from '@material-tailwind/react';
 
 import { relativeTimeMs } from '../../utils/time';
+import { Avatar } from 'components/shared/Avatar';
 
 interface ProjectCardProps {
   project: Project;
@@ -21,11 +21,7 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ project }) => {
   return (
     <div className="bg-white border border-gray-200 rounded-lg shadow">
       <div className="flex gap-2 p-2 items-center">
-        <Avatar
-          variant="rounded"
-          src={project.icon || '/gray.png'}
-          placeholder={''}
-        />
+        <Avatar imageSrc={project.icon || '/gray.png'} rounded-full />
         <div className="grow">
           <Link to={`projects/${project.id}`}>
             <Typography placeholder={''}>{project.name}</Typography>