Updated per request of @IamManchanda

diff --git a/docs/pages/switch.md b/docs/pages/switch.md
index 50e64de463d01a1705a04ea4122bc43643f7c261..7ea5f58a300225323ee7cae2b33f84404e58fdfe 100644 (file)
--- a/docs/pages/switch.md
+++ b/docs/pages/switch.md
@@ -14,13 +14,14 @@ Give the `<input>` a unique ID and point the `<label>` to it with the `for` attr
   <p>Inside the switch label is screen reader-only text, which uses the <code>.show-for-sr</code> class to visually mask the text.</p>
 </div>
 
+<div class='primary callout'>
+  <p>Inspecting the value of the underlying input should be done by evaluating the <code>checked</code> property of said input.</p>
+</div>
+
 <div class="callout warning">
   <p>Make sure the HTML of the switch goes in the order you see above&mdash;<code>&lt;input&gt;</code>, then <code>&lt;label&gt;</code></p>
 </div>
 
-<div class='primary callout'>
-  <p>Inspecting the value of the underlying input should be done by evaluating the <code>checked</code> property of said input.</p>
-</div>
 ```html_example
 <div class="switch">
   <input class="switch-input" id="exampleSwitch" type="checkbox" name="exampleSwitch">