From 998bb0c149fd80eb93d593aed72bb097e70b8af2 Mon Sep 17 00:00:00 2001
From: Paul Ryder <paul.ryder@bigbite.net>
Date: Wed, 14 Aug 2024 13:32:35 +0100
Subject: [PATCH] moves border control to the bottom of the list

---
 src/editor/components/Styles.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/editor/components/Styles.js b/src/editor/components/Styles.js
index cb254fd..45fadbf 100644
--- a/src/editor/components/Styles.js
+++ b/src/editor/components/Styles.js
@@ -25,9 +25,6 @@ const Styles = ( { selector } ) => {
 
 	return (
 		<div className="themer--styles">
-			<div className="themer--styles__item">
-				<Border selector={ `${ selector }.border` } />
-			</div>
 			<div className="themer--styles__item">
 				<Color selector={ `${ selector }.color` } />
 			</div>
@@ -49,6 +46,9 @@ const Styles = ( { selector } ) => {
 			<div className="themer--styles__item">
 				<Shadow selector={ `${ selector }.shadow` } />
 			</div>
+			<div className="themer--styles__item">
+				<Border selector={ `${ selector }.border` } />
+			</div>
 		</div>
 	);
 };