diff --git a/src/js/hds-cc/template.js b/src/js/hds-cc/template.js
index c3083a82e..0197e86b9 100644
--- a/src/js/hds-cc/template.js
+++ b/src/js/hds-cc/template.js
@@ -52,12 +52,12 @@ export function getCookieBannerHtml(translations, groupsHtml, isBanner = true) {
         </div>
       </form>
       <div class="hds-cc__buttons">
+        <button type="submit" class="hds-button hds-button--secondary hds-cc__selected-cookies-button" data-approved="selected">
+        <span class="hds-button__label">${translations.approveRequiredAndSelectedConsents}</span>
+        </button>
         <button type="submit" class="hds-button hds-button--secondary hds-cc__all-cookies-button" data-approved="all">
           <span class="hds-button__label">${translations.approveAllConsents}</span>
         </button>
-        <button type="submit" class="hds-button hds-button--secondary hds-cc__selected-cookies-button" data-approved="selected">
-          <span class="hds-button__label">${translations.approveRequiredAndSelectedConsents}</span>
-        </button>
         <button type="submit" class="hds-button hds-button--secondary hds-cc__required-cookies-button" data-approved="required">
           <span class="hds-button__label">${translations.approveOnlyRequiredConsents}</span>
         </button>