diff --git a/frappe/public/js/frappe/file_uploader/ImageCropper.vue b/frappe/public/js/frappe/file_uploader/ImageCropper.vue
index b91345e440..f57418613c 100644
--- a/frappe/public/js/frappe/file_uploader/ImageCropper.vue
+++ b/frappe/public/js/frappe/file_uploader/ImageCropper.vue
@@ -128,6 +128,7 @@ watch(
 </script>
 
 <style scoped>
+@import "cropperjs/dist/cropper.min.css";
 img {
 	display: block;
 	max-width: 100%;
diff --git a/frappe/public/scss/desk/form.scss b/frappe/public/scss/desk/form.scss
index c171cc9a09..b7c5fc3051 100644
--- a/frappe/public/scss/desk/form.scss
+++ b/frappe/public/scss/desk/form.scss
@@ -1,5 +1,4 @@
 @import "../common/form.scss";
-@import "~cropperjs/dist/cropper.min";
 
 .tooltip-content {
 	position: absolute;