diff --git a/core/modules/media_library/css/media_library.theme.css b/core/modules/media_library/css/media_library.theme.css
index 42e77ec3ea..d1d6ac43fe 100644
--- a/core/modules/media_library/css/media_library.theme.css
+++ b/core/modules/media_library/css/media_library.theme.css
@@ -100,14 +100,32 @@
   margin-right: 8px;
 }
 
+/* Generic media library view styles. */
+.media-library-view {
+  min-height: 300px;
+}
+
+.media-library-view .form-actions {
+  margin: 0.75em 0;
+}
+
+.media-library-view .media-library-view--form-actions {
+  clear: left;
+  align-self: flex-end;
+  margin: 0.75em 0;
+}
+
+/* Media library widget view styles. */
 .media-library-wrapper .media-library-view {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
-  padding-top: 32px;
 }
 
+/* @todo Remove order and reorder the views header and filters via a template
+     when styles are moved to the seven theme in
+     https://www.drupal.org/project/drupal/issues/2980769 */
 .media-library-wrapper .view-header {
   order: 2;
   align-self: flex-end;
@@ -118,6 +136,9 @@
   text-align: left;
 }
 
+/* @todo Remove order and reorder the views header and filters via a template
+     when styles are moved to the seven theme in
+     https://www.drupal.org/project/drupal/issues/2980769 */
 .media-library-wrapper .media-library-view .view-filters {
   order: 1;
 }
@@ -132,6 +153,9 @@
   left: auto;
 }
 
+/* @todo Remove order and reorder the views header and filters via a template
+     when styles are moved to the seven theme in
+     https://www.drupal.org/project/drupal/issues/2980769 */
 .media-library-wrapper .media-library-view .view-content {
   flex: 0 0 100%;
   order: 3;
@@ -163,20 +187,7 @@
   background: url(../../../misc/icons/333333/table.svg) right 0 no-repeat;
 }
 
-.media-library-view {
-  min-height: 300px;
-}
-
-.media-library-view .form-actions {
-  margin: 0.75em 0;
-}
-
-.media-library-view .media-library-view--form-actions {
-  clear: left;
-  align-self: flex-end;
-  margin: 0.75em 0;
-}
-
+/* Media library item styles. */
 .media-library-item {
   justify-content: center;
   width: 180px;
@@ -362,8 +373,8 @@
 
 /* Do not show the bottom border and padding for the last item. */
 .media-library-add-form__media:last-child {
-  border-bottom: 0;
   padding-bottom: 0;
+  border-bottom: 0;
 }
 
 /* @todo Remove in https://www.drupal.org/project/drupal/issues/2987921 */