diff --git a/resources/js/components/dialogs/SMDialogMedia.vue b/resources/js/components/dialogs/SMDialogMedia.vue
index 373bfb7..415f9b7 100644
--- a/resources/js/components/dialogs/SMDialogMedia.vue
+++ b/resources/js/components/dialogs/SMDialogMedia.vue
@@ -248,6 +248,9 @@
                                                 )
                                             }}
                                         </p>
+                                        <p class="m-0">
+                                            {{ lastSelected.name }}
+                                        </p>
                                         <p class="m-0">
                                             {{ lastSelected.mime_type }}
                                         </p>
@@ -669,6 +672,12 @@ const setMediaItemById = (item_id: string, updatedMedia: Media): Media => {
     return updatedMedia;
 };
 
+const removeMediaItem = (item_id: string): void => {
+    mediaItems.value = mediaItems.value.filter(
+        (mediaItem) => mediaItem.id !== item_id,
+    );
+};
+
 /**
  * Handle user clicking the cancel/close button.
  */
@@ -1050,7 +1059,7 @@ const uploadFileById = (uploadId: string, file: File): void => {
                 });
             }
 
-            console.log(error);
+            removeMediaItem(uploadId);
         });
 };