Change order of buttons in spec

app/assets/javascripts/badges/components/badge_form.vue

@@ -225,7 +225,7 @@ export default {
         :loading="isSaving"
         :label="s__('Badges|Save changes')"
         type="submit"
-        container-class="btn btn-success gl-justify-content-end"
+        container-class="btn btn-success"
       />
     </div>
     <div v-else class="gl-display-flex gl-justify-content-end form-group">

spec/frontend/badges/components/badge_form_spec.js

@@ -182,11 +182,11 @@ describe('BadgeForm component', () => {
       const buttons = vm.$el.querySelectorAll('.row-content-block button');
 
       expect(buttons.length).toBe(2);
-      const buttonSaveElement = buttons[0];
+      const buttonSaveElement = buttons[1];
 
       expect(buttonSaveElement).toBeVisible();
       expect(buttonSaveElement).toHaveText('Save changes');
-      const buttonCancelElement = buttons[1];
+      const buttonCancelElement = buttons[0];
 
       expect(buttonCancelElement).toBeVisible();
       expect(buttonCancelElement).toHaveText('Cancel');