diff --git a/frontend/src/components/MoviePage.tsx b/frontend/src/components/MoviePage.tsx
index 5b067984a673a8b40a8f6967137a21683e44a427..686849b62e399d98ecb23e854a8af11a0abdedd3 100644
--- a/frontend/src/components/MoviePage.tsx
+++ b/frontend/src/components/MoviePage.tsx
@@ -2,15 +2,11 @@ import { Badge, Descriptions, Image } from "antd";
 import React, {useEffect, useState} from "react";
 import { Link, useParams } from "react-router-dom";
 import {DirectorIO, MovieIO} from "./Preview";
-import axios from 'axios';
+import axiosConfig from '../axios-config';
 
 export const MoviePage = () => {
   const { id, name } = useParams();
 
-  const instance = axios.create({
-    baseURL: 'http://127.0.0.1:4000/movies/',
-  });
-
   const [movie, setMovie] = useState<MovieIO>(Object);
   const [director, setDirector] = useState<DirectorIO>(Object);
 
@@ -18,7 +14,7 @@ export const MoviePage = () => {
   useEffect(() => {
     const fetchMovie = async () => {
       try {
-        const response = await instance.get(id as string);
+        const response = await axiosConfig.get("movies/" + id);
         setMovie(response.data);
         if (response.data.director) {
           setDirector(response.data.director);