diff --git a/data/showcase.jpeg b/data/showcase.jpeg
deleted file mode 100644
index bc3ba37..0000000
Binary files a/data/showcase.jpeg and /dev/null differ
diff --git a/data/showcase.png b/data/showcase.png
deleted file mode 100644
index ca460f8..0000000
Binary files a/data/showcase.png and /dev/null differ
diff --git a/src/components/showcaseCard/index.tsx b/src/components/showcaseCard/index.tsx
index 83b91c2..c6186d5 100644
--- a/src/components/showcaseCard/index.tsx
+++ b/src/components/showcaseCard/index.tsx
@@ -31,7 +31,7 @@ export default function ShowCaseInfo() {
   const { mapRelicInfo } = useRelicStore()
 
   const handleSaveImage = useCallback(() => {
-    if (cardRef.current === null) {
+    if (cardRef.current === null || !avatarSelected) {
       toast.error("Avatar showcase not found!");
       return;
     }
@@ -39,14 +39,14 @@ export default function ShowCaseInfo() {
     html2canvas(cardRef.current, {scale: 2, backgroundColor: '#000000'})
       .then(function (canvas: HTMLCanvasElement) {
         const link = document.createElement('a');
-        link.download = 'showcase.png';
+        link.download = `${getNameChar(locale, avatarSelected)}_showcase.png`;
         link.href = canvas.toDataURL('image/png');
         link.click();
       })
       .catch(() => {
         toast.error("Error generating showcase card!");
       });
-  }, [cardRef])
+  }, [cardRef, avatarSelected, locale])
 
   useEffect(() => {
     if (!avatarSelected?.id) return;