diff --git a/components/(customization)/mapiconcustomization/page.tsx b/components/(customization)/mapiconcustomization/page.tsx
index d65f7b7..1ceb7e9 100644
--- a/components/(customization)/mapiconcustomization/page.tsx
+++ b/components/(customization)/mapiconcustomization/page.tsx
@@ -108,7 +108,7 @@ export const MapIconCustomization: FC<SystemVoiceSelectionProps> = ({
     mapIconId: {
       src: mapIconId
         ? getTexture(
-            mapIconId, // Use mapIconId directly
+            form.watch("mapIconId"),
             `mapIcon/CHU_UI_MapIcon_${mapIconId.toString().padStart(8, "0")}.png`,
           )
         : `systemVoiceThumbnails/CHU_UI_SystemVoice_Default.png`,
@@ -123,7 +123,7 @@ export const MapIconCustomization: FC<SystemVoiceSelectionProps> = ({
             <div>
               <img
                 className="w-[100px]"
-                src={MapIconTextures.mapIconId.src}
+                src={src}
                 alt={mapIconId ? `Map Icon ${mapIconId}` : "Default Map Icon"}
               />{" "}
             </div>
diff --git a/components/userRatingBaseHotList/page.tsx b/components/userRatingBaseHotList/page.tsx
index 8849617..70d3c05 100644
--- a/components/userRatingBaseHotList/page.tsx
+++ b/components/userRatingBaseHotList/page.tsx
@@ -34,12 +34,12 @@ export const ChunithmHotPlays: FC<ChunithmProfileHotPlays> = ({
         );
         return (
           <div key={index} className="flex flex-col items-center p-2">
-            <div className="m-4 font-bold"></div>
+            <div className="font-bold"></div>
             {jacketPath && (
               <img
                 src={`/jacketArts/${jacketPath}`}
                 alt="Jacket"
-                style={{ width: "120px", height: "120px" }}
+                className="h-28 w-28"
               />
             )}
             <div>