diff --git a/course/format/templates/local/content/cm/availabilitymodal.mustache b/course/format/templates/local/content/cm/availabilitymodal.mustache
index 566d1cd7a8f..392f96214c4 100644
--- a/course/format/templates/local/content/cm/availabilitymodal.mustache
+++ b/course/format/templates/local/content/cm/availabilitymodal.mustache
@@ -28,17 +28,17 @@
 <div class="d-flex flex-column p-3">
     <form>
         <div class="d-flex flex-row align-items-start py-3 border-bottom">
-            <div class="icon-box mx-2">
-                    {{#pix}} t/hide, core {{/pix}}
-                </div>
             <input
-                class="mt-2 mx-2"
+                class="mt-3 mx-2"
                 type="radio"
                 id="showRadio"
                 name="option"
                 value="cmShow"
                 aria-describedby="showRadio_help"
             >
+            <div class="icon-box mx-2">
+                {{#pix}} t/hide, core {{/pix}}
+            </div>
             <div class="w-100">
                 <label class="mb-1" for="showRadio">
                     {{#str}} availability_show, core_courseformat {{/str}}
@@ -49,17 +49,17 @@
             </div>
         </div>
         <div class="d-flex flex-row align-items-start py-3 {{#allowstealth}} border-bottom {{/allowstealth}}">
-            <div class="icon-box mx-2">
-                    {{#pix}} t/show, core {{/pix}}
-                </div>
             <input
-                class="mt-2 mx-2"
+                class="mt-3 mx-2"
                 type="radio"
                 id="hideRadio"
                 name="option"
                 value="cmHide"
                 aria-describedby="hideRadio_help"
             >
+            <div class="icon-box mx-2">
+                {{#pix}} t/show, core {{/pix}}
+            </div>
             <div class="w-100">
                 <label class="mt-1" for="hideRadio">
                     {{#str}} availability_hide, core_courseformat {{/str}}
@@ -71,17 +71,17 @@
         </div>
         {{#allowstealth}}
         <div class="d-flex flex-row align-items-start py-3">
-            <div class="icon-box mx-2">
-                    {{#pix}} t/stealth, core {{/pix}}
-                </div>
             <input
-                class="mt-2 mx-2"
+                class="mt-3 mx-2"
                 type="radio"
                 id="stealthRadio"
                 name="option"
                 value="cmStealth"
                 aria-describedby="stealthRadio_help"
             >
+            <div class="icon-box mx-2">
+                {{#pix}} t/stealth, core {{/pix}}
+            </div>
             <div class="w-100">
                 <label class="mt-1" for="stealthRadio">
                     {{#str}} availability_stealth, core_courseformat {{/str}}
diff --git a/course/format/templates/local/content/section/availabilitymodal.mustache b/course/format/templates/local/content/section/availabilitymodal.mustache
index bc18ffd21df..87ebdf01d26 100644
--- a/course/format/templates/local/content/section/availabilitymodal.mustache
+++ b/course/format/templates/local/content/section/availabilitymodal.mustache
@@ -27,17 +27,17 @@
 <div class="d-flex flex-column p-3">
     <form>
         <div class="d-flex flex-row align-items-start py-3 border-bottom">
-            <div class="icon-box mx-2">
-                    {{#pix}} t/hide, core {{/pix}}
-                </div>
             <input
-                class="mt-2 mx-2"
+                class="mt-3 mx-2"
                 type="radio"
                 id="showSectionRadio"
                 name="option"
                 value="sectionShow"
                 aria-describedby="showRadio_help"
             >
+            <div class="icon-box mx-2">
+                {{#pix}} t/hide, core {{/pix}}
+            </div>
             <div class="w-100">
                 <label class="mb-1" for="showSectionRadio">
                     {{#str}} availability_show, core_courseformat {{/str}}
@@ -48,17 +48,17 @@
             </div>
         </div>
         <div class="d-flex flex-row align-items-start py-3">
-            <div class="icon-box mx-2">
-                    {{#pix}} t/show, core {{/pix}}
-                </div>
             <input
-                class="mt-2 mx-2"
+                class="mt-3 mx-2"
                 type="radio"
                 id="hideSectionRadio"
                 name="option"
                 value="sectionHide"
                 aria-describedby="hideRadio_help"
             >
+            <div class="icon-box mx-2">
+                {{#pix}} t/show, core {{/pix}}
+            </div>
             <div class="w-100">
                 <label class="mb-1" for="hideSectionRadio">
                     {{#str}} availability_hide, core_courseformat {{/str}}