diff --git a/src/components/sortable/SortableAudioGrid/index.tsx b/src/components/sortable/SortableAudioGrid/index.tsx
index a6d7e77f..8dcfafd0 100644
--- a/src/components/sortable/SortableAudioGrid/index.tsx
+++ b/src/components/sortable/SortableAudioGrid/index.tsx
@@ -34,7 +34,7 @@ const renderItem = ({
 const renderLocked = ({ locked }: { locked: UploadStatus }) => (
   <AudioUpload
     id={locked.id}
-    is_uploading
+    uploading
     title={locked.name}
     progress={locked.progress}
     key={locked.id}
diff --git a/src/components/sortable/SortableImageGrid/index.tsx b/src/components/sortable/SortableImageGrid/index.tsx
index 7f7686f0..541247f2 100644
--- a/src/components/sortable/SortableImageGrid/index.tsx
+++ b/src/components/sortable/SortableImageGrid/index.tsx
@@ -29,7 +29,7 @@ const renderLocked = ({
   locked: UploadStatus;
   onDelete: (fileId: number) => void;
 }) => (
-  <ImageUpload thumb={locked.thumbnail} onDrop={onDelete} progress={locked.progress} is_uploading />
+  <ImageUpload thumb={locked.thumbnail} onDrop={onDelete} progress={locked.progress} uploading />
 );
 
 const SortableImageGrid: FC<SortableImageGridProps> = ({
diff --git a/src/components/upload/AudioUpload/index.tsx b/src/components/upload/AudioUpload/index.tsx
index 155a9932..2e55e1c6 100644
--- a/src/components/upload/AudioUpload/index.tsx
+++ b/src/components/upload/AudioUpload/index.tsx
@@ -13,10 +13,10 @@ interface IProps {
   progress?: number;
   onDrop?: (file_id: string) => void;
 
-  is_uploading?: boolean;
+  uploading?: boolean;
 }
 
-const AudioUpload: FC<IProps> = ({ title, progress, is_uploading, id, onDrop }) => {
+const AudioUpload: FC<IProps> = ({ title, progress, uploading, id, onDrop }) => {
   const onDropFile = useCallback(() => {
     if (!id || !onDrop) return;
     onDrop(id);
@@ -30,8 +30,8 @@ const AudioUpload: FC<IProps> = ({ title, progress, is_uploading, id, onDrop })
         </div>
       )}
 
-      <div className={classNames(styles.thumb_wrap, { is_uploading })}>
-        {is_uploading && (
+      <div className={classNames(styles.thumb_wrap, { uploading: uploading })}>
+        {uploading && (
           <div className={styles.progress}>
             <ArcProgress size={40} progress={progress} />
           </div>
diff --git a/src/components/upload/ImageUpload/index.tsx b/src/components/upload/ImageUpload/index.tsx
index 1095f60b..6e49a9e4 100644
--- a/src/components/upload/ImageUpload/index.tsx
+++ b/src/components/upload/ImageUpload/index.tsx
@@ -14,10 +14,10 @@ interface IProps {
   progress?: number;
   onDrop?: (file_id: IFile['id']) => void;
 
-  is_uploading?: boolean;
+  uploading?: boolean;
 }
 
-const ImageUpload: FC<IProps> = ({ thumb, progress, is_uploading, id, onDrop }) => {
+const ImageUpload: FC<IProps> = ({ thumb, progress, uploading, id, onDrop }) => {
   const onDropFile = useCallback(() => {
     if (!id || !onDrop) return;
     onDrop(id);
@@ -31,9 +31,9 @@ const ImageUpload: FC<IProps> = ({ thumb, progress, is_uploading, id, onDrop })
         </div>
       )}
 
-      <div className={classNames(styles.thumb_wrap, { is_uploading })}>
+      <div className={classNames(styles.thumb_wrap, { uploading: uploading })}>
         {thumb && <div className={styles.thumb} style={{ backgroundImage: `url("${thumb}")` }} />}
-        {is_uploading && (
+        {uploading && (
           <div className={styles.progress}>
             <ArcProgress size={72} progress={progress} />
           </div>