diff --git a/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts b/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts
index dc1055717..5b4c0557a 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/ribbon.ts
@@ -5,15 +5,19 @@ import OptionsWidget from "../options_widget.js";
 const TPL = `
 <div class="options-section">
     <h4>${t("ribbon.widgets")}</h4>
-    <label class="tn-checkbox">
-        <input type="checkbox" class="promoted-attributes-open-in-ribbon form-check-input">
-        ${t("ribbon.promoted_attributes_message")}
-    </label>
+    <div>
+        <label class="tn-checkbox">
+            <input type="checkbox" class="promoted-attributes-open-in-ribbon form-check-input">
+            ${t("ribbon.promoted_attributes_message")}
+        </label>
+    </div>
 
-    <label class="tn-checkbox">
-        <input type="checkbox" class="edited-notes-open-in-ribbon form-check-input">
-        ${t("ribbon.edited_notes_message")}
-    </label>
+    <div>
+        <label class="tn-checkbox">
+            <input type="checkbox" class="edited-notes-open-in-ribbon form-check-input">
+            ${t("ribbon.edited_notes_message")}
+        </label>
+    </div>
 </div>`;
 
 export default class RibbonOptions extends OptionsWidget {