diff --git a/src/public/app/widgets/attribute_widgets/attribute_detail.ts b/src/public/app/widgets/attribute_widgets/attribute_detail.ts
index 69c518768..c5c56102e 100644
--- a/src/public/app/widgets/attribute_widgets/attribute_detail.ts
+++ b/src/public/app/widgets/attribute_widgets/attribute_detail.ts
@@ -67,6 +67,10 @@ const TPL = `
         .attr-detail input[readonly] {
             background-color: var(--accented-background-color) !important;
         }
+
+        .attr-edit-table td {
+            padding: 4px 0;
+        }
     </style>
 
     <div style="display: flex; justify-content: space-between; margin-bottom: 8px;">
@@ -97,8 +101,13 @@ const TPL = `
         </tr>
         <tr class="attr-row-promoted"
             title="${t("attribute_detail.promoted_title")}">
-            <th>${t("attribute_detail.promoted")}</th>
-            <td><input type="checkbox" class="attr-input-promoted form-check" /></td>
+            <th></th>
+            <td>
+                <label class="tn-checkbox">
+                    <input type="checkbox" class="attr-input-promoted form-check" />
+                    ${t("attribute_detail.promoted")}
+                </label>
+            </td>
         </tr>
         <tr class="attr-row-promoted-alias">
             <th title="${t("attribute_detail.promoted_alias_title")}">${t("attribute_detail.promoted_alias")}</th>