diff --git a/src/components/skillsInfo/index.tsx b/src/components/skillsInfo/index.tsx
index de81b64..a9076ef 100644
--- a/src/components/skillsInfo/index.tsx
+++ b/src/components/skillsInfo/index.tsx
@@ -163,9 +163,9 @@ export default function SkillsInfo() {
                                         filter: (theme === "winter" || theme === "cupcake") ? "invert(1)" : "none"
                                     }}
                                     className={`w-full h-full object-cover rounded-xl`}
-                                    onError={(e) => {
-                                        e.currentTarget.style.display = "none"
-                                    }}
+                                    // onError={(e) => {
+                                    //     e.currentTarget.style.display = "none"
+                                    // }}
                                 />
                                 {traceButtons.map((btn, index) => {
                                     if (!avatarInfo?.SkillTrees?.[btn.id]) {
@@ -186,6 +186,7 @@ export default function SkillsInfo() {
                                             ${btn.size === "big" ? "w-[9vw] h-[9vw] md:w-[3.5vw] md:h-[3.5vw] bg-black" : ""}
                                             ${btn.size === "special" ? "w-[9vw] h-[9vw] md:w-[3.5vw] md:h-[3.5vw] bg-white" : ""}
                                             ${btn.size === "memory" ? "w-[9vw] h-[9vw] md:w-[3.5vw] md:h-[3.5vw] bg-black" : ""}
+                                            ${btn.size === "elation" ? "w-[9vw] h-[9vw] md:w-[3.5vw] md:h-[3.5vw] bg-black" : ""}
                                             ${skillSelected === btn.id ? "border-4 border-primary" : ""}
                                             ${!avatarData?.data.skills?.[avatarSkillTree?.[btn.id]?.["1"]?.PointID]
                                                 ? "opacity-50 cursor-not-allowed"
@@ -207,14 +208,14 @@ export default function SkillsInfo() {
                                                 width={124}
                                                 height={124}
                                                 style={{
-                                                    filter: (btn.size !== "big" && btn.size !== "memory") ? "brightness(0%)" : ""
+                                                    filter: (btn.size !== "big" && btn.size !== "memory" && btn.size !== "elation") ? "brightness(0%)" : ""
                                                 }}
                                                 onError={(e) => {
                                                     e.currentTarget.onerror = null;
                                                     e.currentTarget.src = getImageSkill(avatarInfo?.SkillTrees?.[btn.id]?.["1"]?.Icon, avatarSkillTree?.[btn.id]?.["1"]?.StatusAddList[0], "homdgcat") || "";
                                                 }}
                                             />
-                                            {(btn.size === "big" || btn.size === "memory")  && (
+                                            {(btn.size === "big" || btn.size === "memory" || btn.size === "elation")  && (
                                                 <p className="
                                                 z-12 text-sm sm:text-xs lg:text-sm xl:text-base 2xl:text-2xl
                                                 font-bold text-center rounded-full absolute
@@ -250,6 +251,18 @@ export default function SkillsInfo() {
                                                     }}
                                                 />
                                             )}
+                                            {btn.size === "elation" && (
+                                                <div
+                                                    style={{
+                                                        position: "absolute",
+                                                        inset: 0,
+                                                        backgroundColor: "#ff8c00",
+                                                        mixBlendMode: "screen",
+                                                        opacity: 0.5,
+                                                        borderRadius: "50%"
+                                                    }}
+                                                />
+                                            )}
                                             {btn.size === "big" && (
                                                 <div
                                                     style={{
diff --git a/src/constant/traceConstant.ts b/src/constant/traceConstant.ts
index 5b19905..16d525d 100644
--- a/src/constant/traceConstant.ts
+++ b/src/constant/traceConstant.ts
@@ -165,24 +165,25 @@ export const traceButtonsInfo: Record<string, { id: string, size: string, left:
         { id: 'Point21', size: 'special', left: '70%', top: '34%'}
     ],
     Elation: [
-        { id: 'Point03', size: 'big', left: '50%', top: '52%' },
-        { id: 'Point04', size: 'big', left: '50%', top: '35%' },
-        { id: 'Point02', size: 'big', left: '69%', top: '48%' },
+        { id: 'Point04', size: 'big', left: '50%', top: '50%' },
+        { id: 'Point03', size: 'big', left: '50%', top: '30%' },
+        { id: 'Point02', size: 'big', left: '72%', top: '22%' },
         { id: 'Point05', size: 'big', left: '50%', top: '69%' },
-        { id: 'Point01', size: 'big', left: '33%', top: '48%' },
-        { id: 'Point08', size: 'medium', left: '50%', top: '22%' },
-        { id: 'Point07', size: 'medium', left: '67%', top: '83%' },
-        { id: 'Point06', size: 'medium', left: '33%', top: '83%' },
-        { id: 'Point16', size: 'small', left: '50%', top: '9%' },
-        { id: 'Point18', size: 'small', left: '66%', top: '14%' },
-        { id: 'Point17', size: 'small', left: '34%', top: '14%' },
-        { id: 'Point09', size: 'small', left: '50%', top: '87%' },
-        { id: 'Point15', size: 'small', left: '81%', top: '43.5%' },
-        { id: 'Point12', size: 'small', left: '19%', top: '43.5%' },
-        { id: 'Point13', size: 'small', left: '81%', top: '70%' },
-        { id: 'Point10', size: 'small', left: '19%', top: '70%' },
-        { id: 'Point14', size: 'small', left: '93%', top: '56.5%' },
-        { id: 'Point11', size: 'small', left: '7%', top: '56.5%' }
+        { id: 'Point01', size: 'big', left: '28%', top: '22%' },
+        { id: 'Point08', size: 'medium', left: '85%', top: '30%' },
+        { id: 'Point07', size: 'medium', left: '15%', top: '30%' },
+        { id: 'Point06', size: 'medium', left: '50%', top: '87%' },
+        { id: 'Point16', size: 'small', left: '66%', top: '87%' },
+        { id: 'Point18', size: 'small', left: '25%', top: '45%' },
+        { id: 'Point17', size: 'small', left: '85%', top: '50%' },
+        { id: 'Point09', size: 'small', left: '75%', top: '45%' },
+        { id: 'Point15', size: 'small', left: '10%', top: '40%' },
+        { id: 'Point12', size: 'small', left: '90%', top: '40%' },
+        { id: 'Point13', size: 'small', left: '30%', top: '65%' },
+        { id: 'Point10', size: 'small', left: '70%', top: '65%' },
+        { id: 'Point14', size: 'small', left: '15%', top: '50%' },
+        { id: 'Point11', size: 'small', left: '34%', top: '87%' },
+        { id: 'Point22', size: 'elation', left: '50%', top: '10%' }
     ],
 }