Reorder of buttons

src/taskpane/components/App.tsx

@@ -155,15 +155,15 @@ const App: React.FC<AppProps> = () => {
           <Subtitle1 block className={styles.sectionTitle}>
             Content
           </Subtitle1>
-          <MatchSizes />
-          <div style={{ marginTop: "8px" }}></div>
           <MatchProperties />
           <div style={{ marginTop: "8px" }}></div>
-          <RoundImage />
+          <MatchSizes />
           <div style={{ marginTop: "8px" }}></div>
           <SwapPositions />
           <div style={{ marginTop: "8px" }}></div>
           <InsertTitles />
+          <div style={{ marginTop: "8px" }}></div>
+          <RoundImage />
         </div>
 
         <div className={styles.section}>

src/taskpane/components/DraftButtons.tsx

@@ -64,7 +64,7 @@ export const DraftButtons: React.FC = () => {
             const textBox = master.shapes.addTextBox("");
             
             // textBox.left = 0; // Center it horizontally
-            textBox.left = -329
+            textBox.left = -330
             textBox.top = 32;
             // textBox.width = 960;
             textBox.width = 2400;