diff -u b/core/themes/claro/css/theme/media-library.css b/core/themes/claro/css/theme/media-library.css
--- b/core/themes/claro/css/theme/media-library.css
+++ b/core/themes/claro/css/theme/media-library.css
@@ -276,7 +276,10 @@
   outline: none;
 }
 
-/* This Media Library form is an exception to the extrasmall button pattern. */
+/* This Media Library form is an exception to the extrasmall button pattern.
+ * Additional padding is needed to accommodate the remove button icon. The
+ * margin is adjusted for alignment within the media library dialog.
+ */
 
 .media-library-add-form__added-media .media-library-add-form__remove-button.button--extrasmall {
   margin: 0.5rem 0; /* LTR */
@@ -308,10 +311,6 @@
   margin-bottom: 0;
 }
 
-.media-library-add-form--upload.media-library-add-form--with-input .form-managed-file_meta {
-  margin-top: 0;
-}
-
 .media-library-add-form--upload.media-library-add-form--with-input .form-managed-file__main,
 .media-library-add-form--upload.media-library-add-form--with-input .form-managed-file.no-upload {
   display: block;
@@ -1006,2 +1005,6 @@
 
+.media-library-add-form__remove-button.button:disabled {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%238e929c' d='M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z'/%3e%3c/svg%3e");
+}
+
 /* @todo Remove in https://www.drupal.org/project/drupal/issues/3064914 */
diff -u b/core/themes/claro/css/theme/media-library.pcss.css b/core/themes/claro/css/theme/media-library.pcss.css
--- b/core/themes/claro/css/theme/media-library.pcss.css
+++ b/core/themes/claro/css/theme/media-library.pcss.css
@@ -199,7 +199,10 @@
   outline: none;
 }
 
-/* This Media Library form is an exception to the extrasmall button pattern. */
+/* This Media Library form is an exception to the extrasmall button pattern.
+ * Additional padding is needed to accommodate the remove button icon. The
+ * margin is adjusted for alignment within the media library dialog.
+ */
 .media-library-add-form__added-media .media-library-add-form__remove-button.button--extrasmall {
   margin: var(--space-xs) 0; /* LTR */
   /* Left padding is double the background size of the button icon. */
@@ -224,9 +227,6 @@
 .media-library-add-form--upload.media-library-add-form--without-input .form-item-upload {
   margin-bottom: 0;
 }
-.media-library-add-form--upload.media-library-add-form--with-input .form-managed-file_meta {
-  margin-top: 0;
-}
 .media-library-add-form--upload.media-library-add-form--with-input .form-managed-file__main,
 .media-library-add-form--upload.media-library-add-form--with-input .form-managed-file.no-upload {
   display: block;
@@ -860,4 +860,7 @@
   left: 0;
 }
+.media-library-add-form__remove-button.button:disabled {
+  background-image: url("../../images/icons/8e929c/ex.svg");
+}
 
 /* @todo Remove in https://www.drupal.org/project/drupal/issues/3064914 */
only in patch2:
unchanged:
--- /dev/null
+++ b/core/themes/claro/images/icons/8e929c/ex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#8e929c" d="M3.51 13.925c.194.194.512.195.706.001l3.432-3.431c.194-.194.514-.194.708 0l3.432 3.431c.192.194.514.193.707-.001l1.405-1.417c.191-.195.189-.514-.002-.709l-3.397-3.4c-.192-.193-.192-.514-.002-.708l3.401-3.43c.189-.195.189-.515 0-.709l-1.407-1.418c-.195-.195-.513-.195-.707-.001l-3.43 3.431c-.195.194-.516.194-.708 0l-3.432-3.431c-.195-.195-.512-.194-.706.001l-1.407 1.417c-.194.195-.194.515 0 .71l3.403 3.429c.193.195.193.514-.001.708l-3.4 3.399c-.194.195-.195.516-.001.709l1.406 1.419z"/></svg>