update Open Source Docs from Roblox internal teams

Author: rbx-open-source-docs[bot]

content/en-us/assets/publishing/badges/Badge-Experience-Page.png

@@ -6,7 +6,7 @@ description: Badges are a special award you can gift users when they meet a goal
 A **badge** is a special award you can gift players when they meet a goal within your experience, such as completing a difficult objective or playing for a certain amount of time. As soon as a player receives a badge, it displays within the **Badges** category of their inventory.
 
 <figure>
-<img src="../../assets/publishing/badges/Badges-Inventory.png" width="724" alt="Example badges in a player's inventory" />
+<img src="../../assets/publishing/badges/Badges-Inventory.png" width="764" alt="Example badges in a player's inventory" />
 <figcaption>Example badges in a player's inventory</figcaption>
 </figure>
 
@@ -19,7 +19,7 @@ To create a badge:
 1. Navigate to the [Creator Dashboard](https://create.roblox.com/dashboard/creations).
 1. Hover over an experience's thumbnail, click the **&ctdot;** button, and select **Create Badge**.
 
-   <img src="../../assets/creator-dashboard/Options-Button-Experience-Public.png" width="200" />
+   <img src="../../assets/creator-dashboard/Options-Button-Experience-Private.png" width="200" />
 
 1. On the create page, click the **Upload Image** button and then select/confirm the image you want to use as the badge's icon. When creating an image to use for a badge, consider the following:
 
@@ -28,13 +28,13 @@ To create a badge:
 
      <GridContainer numColumns="2">
      <figure>
-     <img src="../../assets/publishing/badges/Circular-Trimming-Good.png" alt="Good circular trimming" />
+     <img src="../../assets/publishing/badges/Circular-Trimming-Good.png" width="356" alt="Good circular trimming" />
      <figcaption>
      <Alert severity="success">Main content included</Alert>
      </figcaption>
      </figure>
      <figure>
-     <img src="../../assets/publishing/badges/Circular-Trimming-Bad.png" alt="Bad circular trimming" />
+     <img src="../../assets/publishing/badges/Circular-Trimming-Bad.png" width="356" alt="Bad circular trimming" />
      <figcaption>
      <Alert severity="error">Text content cropped</Alert>
      </figcaption>
@@ -50,9 +50,27 @@ To create a badge:
 1. Click the **Create Badge** button. The new badge displays within the **Engagement** &rang; **Badges** section on the [Creator Dashboard](https://create.roblox.com/dashboard/creations). If the new badge is enabled, it will also be shown under the **Badges** section of the experience's main page.
 
    <figure>
-	 <img src="../../assets/publishing/badges/Badge-Experience-Page.png" width="780" />
-	 <figcaption>Badge on experience's main page</figcaption>
-	 </figure>
+    <img src="../../assets/publishing/badges/Badge-Experience-Page.png" width="780" />
+    <figcaption>Badge on experience's main page</figcaption>
+    </figure>
+
+## Reorder badges
+
+When a badge is first created, it is placed at the end of the badge list. You can reorder up to 50 badges at once using the drag‑and‑drop interface.
+
+To reorder badges:
+
+1. Navigate to the associated experience.
+1. In the side panel under the **Engagement** header, navigate to the **Badges** page.
+1. Select **Reorder** to navigate to the reordering page.
+
+	 <img src="../../assets/publishing/badges/Reorder-Button.png" width="400" alt="Badge reorder button"/>
+
+1. On the reordering page, drag and drop badges into their preferred order.
+
+	 <img src="../../assets/publishing/badges/Reordering.png" width="780" alt="Badge drag-and-drop to reorder" />
+
+1. Select **Save** to save this order. The specified order should now appear on the experience details page.
 
 ## Script badges