diff --git a/src/roles/user/exercise/views/components/ExerciseMedia.jsx b/src/roles/user/exercise/views/components/ExerciseMedia.jsx
index b31ee5b..a085a0a 100644
--- a/src/roles/user/exercise/views/components/ExerciseMedia.jsx
+++ b/src/roles/user/exercise/views/components/ExerciseMedia.jsx
@@ -1,15 +1,15 @@
 import React from 'react';
-import { API_URL } from '../../../../../utils/Constant';
+import { MEDIA_URL } from '../../../../../utils/Constant';
 
 const ExerciseMedia = ({ image, audio, video  }) => {
-  const mediaPath = `${API_URL}/uploads/exercise`;
+  const mediaPath = `${MEDIA_URL}/uploads/exercise`;
 
   return (
     <div>
       {image !== null && (
           <div className='my-1'>
             <img src={`${mediaPath}/image/${image}`} alt="" />
-            {/* <h3>{`${API_URL}/exercise/image/${image}`}</h3> */}
+            {/* <h3>{`${MEDIA_URL}/exercise/image/${image}`}</h3> */}
           </div>
       )}
       {audio !== null && (
diff --git a/src/roles/user/exercise/views/components/MatchingPairsQuestion.jsx b/src/roles/user/exercise/views/components/MatchingPairsQuestion.jsx
index 4a45f63..1a472c0 100644
--- a/src/roles/user/exercise/views/components/MatchingPairsQuestion.jsx
+++ b/src/roles/user/exercise/views/components/MatchingPairsQuestion.jsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 
 import MediaViewer from './MediaViewer';
-import { API_URL } from '../../../../../utils/Constant';
+import { MEDIA_URL } from '../../../../../utils/Constant';
 
 // const colors = ['#E9342D', '#FACC15', '#1FBC2F', '#0090FF', '#ED27D9'];
 // const colors = ['#0090FF', '#FC6454', '#46E59A', '#FBD025', '#E355D5'];
@@ -111,7 +111,7 @@ const MatchingPairsQuestion = ({ question, onAnswer, studentAnswer, index }) =>
   };
 
   const mediaUrls = [];
-  const mediaPath = `${API_URL}/uploads/exercise`;
+  const mediaPath = `${MEDIA_URL}/uploads/exercise`;
 
   if (question.IMAGE) mediaUrls.push(`${mediaPath}/image/${question.IMAGE}`);
   if (question.AUDIO) mediaUrls.push(`${mediaPath}/audio/${question.AUDIO}`);
diff --git a/src/roles/user/exercise/views/components/MultipleChoiceQuestion.jsx b/src/roles/user/exercise/views/components/MultipleChoiceQuestion.jsx
index ca3802d..c8aed4c 100644
--- a/src/roles/user/exercise/views/components/MultipleChoiceQuestion.jsx
+++ b/src/roles/user/exercise/views/components/MultipleChoiceQuestion.jsx
@@ -1,13 +1,13 @@
 import React from 'react';
 import MediaViewer from './MediaViewer';
-import { API_URL } from '../../../../../utils/Constant';
+import { MEDIA_URL } from '../../../../../utils/Constant';
 
 const MultipleChoiceQuestion = ({ question, onAnswer, studentAnswer, index }) => {
   const savedAnswer = studentAnswer !== null ? studentAnswer.ANSWER_STUDENT : null;
   const options = question.multipleChoices[0];
 
   const mediaUrls = [];
-  const mediaPath = `${API_URL}/uploads/exercise`;
+  const mediaPath = `${MEDIA_URL}/uploads/exercise`;
 
   if (question.IMAGE) mediaUrls.push(`${mediaPath}/image/${question.IMAGE}`);
   if (question.AUDIO) mediaUrls.push(`${mediaPath}/audio/${question.AUDIO}`);
diff --git a/src/roles/user/exercise/views/components/TrueFalseQuestion.jsx b/src/roles/user/exercise/views/components/TrueFalseQuestion.jsx
index 0d22319..47c7469 100644
--- a/src/roles/user/exercise/views/components/TrueFalseQuestion.jsx
+++ b/src/roles/user/exercise/views/components/TrueFalseQuestion.jsx
@@ -1,11 +1,11 @@
 import React from 'react';
 import MediaViewer from './MediaViewer';
-import { API_URL } from '../../../../../utils/Constant';
+import { MEDIA_URL } from '../../../../../utils/Constant';
 
 const TrueFalseQuestion = ({ question, onAnswer, studentAnswer, index }) => {
   const savedAnswer = studentAnswer !== null ? studentAnswer.ANSWER_STUDENT : null;
   const mediaUrls = [];
-  const mediaPath = `${API_URL}/uploads/exercise`;
+  const mediaPath = `${MEDIA_URL}/uploads/exercise`;
 
   if (question.IMAGE) mediaUrls.push(`${mediaPath}/image/${question.IMAGE}`);
   if (question.AUDIO) mediaUrls.push(`${mediaPath}/audio/${question.AUDIO}`);
diff --git a/src/utils/Constant.jsx b/src/utils/Constant.jsx
index edb1ff0..6c201d9 100644
--- a/src/utils/Constant.jsx
+++ b/src/utils/Constant.jsx
@@ -1,4 +1,5 @@
-export const API_URL = 'http://54.173.167.62'; 
+export const API_URL = 'http://54.173.167.62/api'; 
+export const MEDIA_URL = 'http://54.173.167.62/media'; 
 
 export const slugify = (text) => {
     if (!text) {