From cfb45021ff8e88514096fb9fa6ae4e45e11181b3 Mon Sep 17 00:00:00 2001
From: Poli Gilad <83961704+poligilad-auto@users.noreply.github.com>
Date: Sat, 27 Jun 2026 17:00:51 +0200
Subject: [PATCH] Administration: Improve dashboard meta box control visuals

---
 src/wp-admin/css/common.css    | 11 +++++++++--
 src/wp-admin/css/dashboard.css |  8 ++++----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css
index 53933f0ac28a2..5f4d9945f2655 100644
--- a/src/wp-admin/css/common.css
+++ b/src/wp-admin/css/common.css
@@ -2196,6 +2196,7 @@ html.wp-toolbar {
 /* one column on the dash */
 @media only screen and (max-width: 799px) {
 	#wpbody-content .metabox-holder .postbox-container .empty-container {
+		border: 0;
 		outline: none;
 		height: 0;
 		min-height: 0;
@@ -2235,6 +2236,12 @@ html.wp-toolbar {
 
 .postbox-header .handle-actions {
 	flex-shrink: 0;
+	padding-right: 8px;
+}
+
+.rtl .postbox-header .handle-actions {
+	padding-right: 0;
+	padding-left: 8px;
 }
 
 /* Post box order and toggle buttons. */
@@ -3343,8 +3350,8 @@ img {
 .postbox .handle-order-higher:focus,
 .postbox .handle-order-lower:focus,
 .postbox .handlediv:focus {
-	box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
-	border-radius: 50%;
+	border-radius: 2px;
+	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 	/* Only visible in Windows High Contrast mode */
 	outline: 2px solid transparent;
 }
diff --git a/src/wp-admin/css/dashboard.css b/src/wp-admin/css/dashboard.css
index ab73f828f7067..05441f22bfc02 100644
--- a/src/wp-admin/css/dashboard.css
+++ b/src/wp-admin/css/dashboard.css
@@ -67,11 +67,10 @@
 }
 
 #dashboard-widgets .postbox-container .empty-container {
-	outline: 2px dashed rgb(0, 0, 0, 0.15);
-	outline-offset: -2px;
+	box-sizing: border-box;
+	border: 1px dashed #c3c4c7;
 	border-radius: 8px;
 	height: 250px;
-	margin: 4px;
 }
 
 /* Only highlight drop zones when dragging. */
@@ -82,7 +81,7 @@
 }
 
 .is-dragging-metaboxes #dashboard-widgets .postbox-container .empty-container {
-	background: rgb(0, 0, 0, 0.01);
+	background: rgb(var(--wp-admin-theme-color--rgb), 0.04);
 }
 
 #dashboard-widgets .postbox-container .empty-container:after {
@@ -1288,6 +1287,7 @@ a.rsswidget {
 	}
 
 	#dashboard-widgets .meta-box-sortables.empty-container {
+		border: 0;
 		margin-bottom: 0;
 	}
 }