From a5ac8b4c748f78ff251eb9ea7884f4a56eca15c9 Mon Sep 17 00:00:00 2001
From: Pierre Romera <hello@pirhoo.com>
Date: Mon, 8 Jul 2024 15:58:43 +0000
Subject: [PATCH] doc: move column

---
 src/stories/layout/Button.stories.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/stories/layout/Button.stories.js b/src/stories/layout/Button.stories.js
index b994844444..b4aa78df05 100644
--- a/src/stories/layout/Button.stories.js
+++ b/src/stories/layout/Button.stories.js
@@ -51,11 +51,11 @@ export default {
           <tr>
             <th>Variant</th>
             <th>Normal</th>
+            <th>Loading</th>
             <th>Hover</th>
-            <th>Active/Pressed</th>
             <th>Focus</th>
             <th>Disabled</th>
-            <th>Loading</th>
+            <th>Active/Pressed</th>
           </tr>
         </thead>
         <tbody>
@@ -66,10 +66,10 @@ export default {
               </td>
               <td><b-button v-bind="args" :variant="variant">{{args.label}}</b-button></td>
               <td><b-button v-bind="args" :variant="variant" class="hover">{{args.label}}</b-button></td>
-              <td><b-button v-bind="args" :variant="variant" pressed>{{args.label}}</b-button></td>
+              <td><icon-button v-bind="args" :variant="variant" loading>{{args.label}}</b-button></td>
               <td><b-button v-bind="args" :variant="variant" class="focus">{{args.label}}</b-button></td>
               <td><b-button v-bind="args" :variant="variant" disabled>{{args.label}}</b-button></td>
-              <td><icon-button v-bind="args" :variant="variant" loading>{{args.label}}</b-button></td>
+              <td><b-button v-bind="args" :variant="variant" pressed>{{args.label}}</b-button></td>
             </tr>
           </template>
         </tbody>