Reorder like the block inspector

WordPress · Apr 7, 2023 · 17bf817 · 17bf817
1 parent 5c20803
commit 17bf817
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/packages/edit-site/src/components/global-styles/screen-block.js b/packages/edit-site/src/components/global-styles/screen-block.js
@@ -84,14 +84,6 @@ function ScreenBlock( { name, variation } ) {
 		<>
 			<ScreenHeader title={ blockType.title } />
 			<BlockPreviewPanel name={ name } variation={ variation } />
-			{ hasTypographyPanel && (
-				<StylesTypographyPanel
-					inheritedValue={ inheritedStyle }
-					value={ style }
-					onChange={ setStyle }
-					settings={ settings }
-				/>
-			) }
 			{ hasColorPanel && (
 				<StylesColorPanel
 					inheritedValue={ inheritedStyle }
@@ -100,8 +92,8 @@ function ScreenBlock( { name, variation } ) {
 					settings={ settings }
 				/>
 			) }
-			{ hasBorderPanel && (
-				<StylesBorderPanel
+			{ hasTypographyPanel && (
+				<StylesTypographyPanel
 					inheritedValue={ inheritedStyle }
 					value={ style }
 					onChange={ setStyle }
@@ -117,6 +109,14 @@ function ScreenBlock( { name, variation } ) {
 					includeLayoutControls
 				/>
 			) }
+			{ hasBorderPanel && (
+				<StylesBorderPanel
+					inheritedValue={ inheritedStyle }
+					value={ style }
+					onChange={ setStyle }
+					settings={ settings }
+				/>
+			) }
 			{ hasEffectsPanel && (
 				<StylesEffectsPanel
 					inheritedValue={ inheritedStyleWithLayout }