From 3990edd710cc08a63147848d83603e06e165d869 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Thu, 24 Mar 2022 03:11:46 -0400
Subject: [PATCH] Fix achievement

---
 .../category-list/AchievementsCategoryListItemView.tsx      | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/achievements/views/category-list/AchievementsCategoryListItemView.tsx b/src/components/achievements/views/category-list/AchievementsCategoryListItemView.tsx
index 2470f166..92661d9c 100644
--- a/src/components/achievements/views/category-list/AchievementsCategoryListItemView.tsx
+++ b/src/components/achievements/views/category-list/AchievementsCategoryListItemView.tsx
@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { GetAchievementCategoryImageUrl, GetAchievementCategoryMaxProgress, GetAchievementCategoryProgress, GetAchievementCategoryTotalUnseen, IAchievementCategory, LocalizeText } from '../../../../api';
-import { LayoutGridItem, LayoutGridItemProps, LayoutImage, Text } from '../../../../common';
+import { LayoutBackgroundImage, LayoutGridItem, LayoutGridItemProps, Text } from '../../../../common';
 
 export interface AchievementCategoryListItemViewProps extends LayoutGridItemProps
 {
@@ -19,9 +19,9 @@ export const AchievementsCategoryListItemView: FC<AchievementCategoryListItemVie
     return (
         <LayoutGridItem itemCount={ getTotalUnseen } itemCountMinimum={ 0 } gap={ 1 } { ...rest }>
             <Text fullWidth center className="small pt-1">{ LocalizeText(`quests.${ category.code }.name`) }</Text>
-            <LayoutImage className="position-relative" imageUrl={ getCategoryImage }>
+            <LayoutBackgroundImage className="position-relative" imageUrl={ getCategoryImage }>
                 <Text fullWidth center position="absolute" variant="white" style={ { fontSize: 12, bottom: 9 } }>{ progress } / { maxProgress }</Text>
-            </LayoutImage>
+            </LayoutBackgroundImage>
             { children }
         </LayoutGridItem>
     );