diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
index 0feac6b178d7f..b126b9b0c66be 100644
--- a/src/wp-includes/css/media-views.css
+++ b/src/wp-includes/css/media-views.css
@@ -348,21 +348,34 @@
 	align-items: end;
 }
 
-label[for="media-attachment-filters"] { 
-	grid-area: 1 / 1 / 2 / 2; 
+label[for="media-attachment-filters"] {
+	grid-area: 1 / 1 / 2 / 2;
 }
 
-select#media-attachment-filters { 
-	grid-area: 2 / 1 / 3 / 2; 
+select#media-attachment-filters {
+	grid-area: 2 / 1 / 3 / 2;
 }
 
-label[for="media-attachment-date-filters"] { 
-	grid-area: 1 / 2 / 2 / 3; 
+label[for="media-attachment-date-filters"] {
+	grid-area: 1 / 1 / 2 / 2;
+}
+
+select#media-attachment-date-filters {
+	grid-area: 2 / 1 / 3 / 2;
+}
+
+select#media-attachment-filters ~ label[for="media-attachment-date-filters"] {
+	grid-area: 1 / 2 / 2 / 3;
+}
+
+select#media-attachment-filters ~ select#media-attachment-date-filters {
+	grid-area: 2 / 2 / 3 / 3;
+}
+
+.attachments-browser .media-toolbar-secondary:has(#media-attachment-date-filters):not(:has(#media-attachment-filters)) {
+	display: block;
 }
 
-select#media-attachment-date-filters { 
-	grid-area: 2 / 2 / 3 / 3; 
-} 
 
 .media-toolbar-primary > .media-button,
 .media-toolbar-primary > .media-button-group {