diff --git a/samples/powerpoint/preview-apis/shapes.yaml b/samples/powerpoint/preview-apis/shapes.yaml
index d3e93008..58b69af0 100644
--- a/samples/powerpoint/preview-apis/shapes.yaml
+++ b/samples/powerpoint/preview-apis/shapes.yaml
@@ -157,18 +157,35 @@ template:
 
         <section class="samples ms-font-m">
             <h3>Try it out</h3>
+            <p>Begin by deleting all shapes that are currently on the slide.</p>
+            <p />
+            
+            <button id="remove-all" class="ms-Button">
+                        <span class="ms-Button-label">Remove all shapes</span>
+                    </button>
+            <p />
+
+            <p>Create, shrink, and move a shape.</p>
+            <p />
+
             <button id="create-hexagon" class="ms-Button">
                 <span class="ms-Button-label">Create hexagon</span>
             </button>
             <p />
+
             <button id="shrink-hexagon" class="ms-Button">
                             <span class="ms-Button-label">Shrink hexagon</span>
                     </button>
             <p />
+
             <button id="move-hexagon" class="ms-Button">
                             <span class="ms-Button-label">Move hexagon</span>
                     </button>
             <p />
+            
+            <p>Create other shapes.</p>
+            <p />
+
             <button id="create-line" class="ms-Button">
                 <span class="ms-Button-label">Create line</span>
             </button>
@@ -182,12 +199,7 @@ template:
             <button id="create-shape-with-text" class="ms-Button">
                 <span class="ms-Button-label">Create shape with text</span>
             </button>
-            <p />
 
-            <button id="remove-all" class="ms-Button">
-                    <span class="ms-Button-label">Remove all shapes</span>
-                </button>
-            <p />
         </section>
     language: html
 style: