diff --git a/ui/components/component-library/avatar-favicon/avatar-favicon.js b/ui/components/component-library/avatar-favicon/avatar-favicon.js
index 1cd1d144b..c06b7220f 100644
--- a/ui/components/component-library/avatar-favicon/avatar-favicon.js
+++ b/ui/components/component-library/avatar-favicon/avatar-favicon.js
@@ -12,6 +12,7 @@ import {
   JustifyContent,
   IconColor,
 } from '../../../helpers/constants/design-system';
+import { useI18nContext } from '../../../hooks/useI18nContext';
 import { AVATAR_FAVICON_SIZES } from './avatar-favicon.constants';
 
 export const AvatarFavicon = ({
@@ -23,6 +24,8 @@ export const AvatarFavicon = ({
   borderColor = BorderColor.transparent,
   ...props
 }) => {
+  const t = useI18nContext();
+
   return (
     <AvatarBase
       size={size}
@@ -36,7 +39,7 @@ export const AvatarFavicon = ({
         <img
           className="mm-avatar-favicon__image"
           src={src}
-          alt={`${name} logo`}
+          alt={t('logo', [name])}
         />
       ) : (
         <Icon