diff --git a/client/src/assets/icons/default-avatar.tsx b/client/src/assets/icons/default-avatar.tsx
index 441ee8ca099..6cf3370e336 100644
--- a/client/src/assets/icons/default-avatar.tsx
+++ b/client/src/assets/icons/default-avatar.tsx
@@ -8,7 +8,6 @@ function DefaultAvatar(
 
   return (
     <svg
-      className='default-avatar'
       height='500px'
       version='1.1'
       viewBox='0 0 500 500'
diff --git a/client/src/components/helpers/avatar-renderer.tsx b/client/src/components/helpers/avatar-renderer.tsx
index 1b9a8fa3258..b65d612bff0 100644
--- a/client/src/components/helpers/avatar-renderer.tsx
+++ b/client/src/components/helpers/avatar-renderer.tsx
@@ -44,7 +44,7 @@ function AvatarRenderer({
     <div className={`avatar-container ${borderColor}`}>
       <span className='sr-only'>{t('buttons.profile')}</span>
       {isPlaceHolderImage ? (
-        <DefaultAvatar className='avatar default-avatar' />
+        <DefaultAvatar className='avatar' />
       ) : (
         <Image alt='' className='avatar' src={picture} responsive />
       )}
diff --git a/client/src/components/profile/__snapshots__/profile.test.tsx.snap b/client/src/components/profile/__snapshots__/profile.test.tsx.snap
index 42582a2b75f..05afc656a65 100644
--- a/client/src/components/profile/__snapshots__/profile.test.tsx.snap
+++ b/client/src/components/profile/__snapshots__/profile.test.tsx.snap
@@ -35,7 +35,7 @@ exports[`<Profile/> renders correctly 1`] = `
               </span>
               <svg
                 aria-hidden="true"
-                class="avatar default-avatar"
+                class="avatar"
                 height="500px"
                 version="1.1"
                 viewBox="0 0 500 500"