diff --git a/components/JobDropdown/index.tsx b/components/JobDropdown/index.tsx
index 71fc6eee..7d4b0ab7 100644
--- a/components/JobDropdown/index.tsx
+++ b/components/JobDropdown/index.tsx
@@ -95,7 +95,7 @@ const JobDropdown = React.forwardRef<HTMLSelectElement, Props>(
                 key={i}
                 value={item.id}
                 altText={item.name[locale]}
-                iconSrc={`/images/job-icons/${item.granblue_id}.png`}
+                iconSrc={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/job-icons/${item.granblue_id}.png`}
               >
                 {item.name[locale]}
               </SelectItem>
@@ -116,7 +116,9 @@ const JobDropdown = React.forwardRef<HTMLSelectElement, Props>(
         value={currentJob ? currentJob.id : 'no-job'}
         altText={currentJob ? currentJob.name[locale] : ''}
         iconSrc={
-          currentJob ? `/images/job-icons/${currentJob.granblue_id}.png` : ''
+          currentJob
+            ? `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/job-icons/${currentJob.granblue_id}.png`
+            : ''
         }
         open={open}
         onClick={openJobSelect}
diff --git a/components/JobSection/index.tsx b/components/JobSection/index.tsx
index 8411cfbb..2cc274a1 100644
--- a/components/JobSection/index.tsx
+++ b/components/JobSection/index.tsx
@@ -149,7 +149,7 @@ const JobSection = (props: Props) => {
           <div className="JobName">
             <img
               alt={party.job.name[locale]}
-              src={`/images/job-icons/${party.job.granblue_id}.png`}
+              src={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/job-icons/${party.job.granblue_id}.png`}
             />
             <h3>{party.job ? party.job.name[locale] : t('no_job')}</h3>
           </div>