diff --git a/production/form_buttons.html b/production/form_buttons.html
index 303235d99..e04558fc4 100755
--- a/production/form_buttons.html
+++ b/production/form_buttons.html
@@ -594,18 +594,18 @@ <h2>Button Sizes</h2>
                   <div class="buttons">
                     <!-- Standard button -->
                     <button type="button" class="btn btn-secondary btn-lg">Large Button</button>
-                    <button type="button" class="btn btn-secondary btn-sm">Medium Button</button>
-                    <button type="button" class="btn btn-secondary btn-xs">Small Button</button>
+                    <button type="button" class="btn btn-secondary btn-xs">Medium Button</button>
+                    <button type="button" class="btn btn-secondary btn-sm">Small Button</button>
                     <br>
 
                     <button type="button" class="btn btn-success btn-lg">Large Button</button>
-                    <button type="button" class="btn btn-success btn-sm">Medium Button</button>
-                    <button type="button" class="btn btn-success btn-xs">Small Button</button>
+                    <button type="button" class="btn btn-success btn-xs">Medium Button</button>
+                    <button type="button" class="btn btn-success btn-sm">Small Button</button>
                     <br>
 
                     <button type="button" class="btn btn-info btn-lg">Large Button</button>
-                    <button type="button" class="btn btn-info btn-sm">Medium Button</button>
-                    <button type="button" class="btn btn-info btn-xs">Small Button</button>
+                    <button type="button" class="btn btn-info btn-xs">Medium Button</button>
+                    <button type="button" class="btn btn-info btn-sm">Small Button</button>
                     <br>
                   </div>
                 </div>
@@ -742,4 +742,4 @@ <h2>Button Groups</h2>
   <script src="../build/js/custom.min.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>