diff --git a/public/react/src/common/components/Cropper.js b/public/react/src/common/components/Cropper.js
index 94b47747f..7e8a5792e 100644
--- a/public/react/src/common/components/Cropper.js
+++ b/public/react/src/common/components/Cropper.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 
-import { getUrl2 } from 'educoder'
+import { getUrl2, isDev } from 'educoder'
 const $ = window.$
 
 let _url_origin = getUrl2()
@@ -81,18 +81,19 @@ class Cropper extends Component {
         $.ajaxSetup({
             cache: true
         });
-
+        const isDev = isDev()
+        let _path = isDev ? 'public' : 'build'
 
         $('head').append($('<link rel="stylesheet" type="text/css" />')
-            .attr('href', `${_url_origin}/react/public/js/cropper/cropper.min.css`));
+            .attr('href', `${_url_origin}/react/${_path}/js/cropper/cropper.min.css`));
 
         $.getScript(
-          `${_url_origin}/react/public/js/cropper/cropper.js`,
+          `${_url_origin}/react/${_path}/js/cropper/cropper.js`,
           (data, textStatus, jqxhr) => {
           
         });
         $.getScript(
-          `${_url_origin}/react/public/js/cropper/html2canvas.min.js`,
+          `${_url_origin}/react/${_path}/js/cropper/html2canvas.min.js`,
           (data, textStatus, jqxhr) => {
           
         });