diff --git a/models/tracker/src/index.ts b/models/tracker/src/index.ts
index b765a8479f..7a52ae250f 100644
--- a/models/tracker/src/index.ts
+++ b/models/tracker/src/index.ts
@@ -510,6 +510,14 @@ export function createModel (builder: Builder): void {
     value: true
   })
 
+  builder.mixin(tracker.class.Milestone, core.class.Class, setting.mixin.Editable, {
+    value: true
+  })
+
+  builder.mixin(tracker.class.Component, core.class.Class, setting.mixin.Editable, {
+    value: true
+  })
+
   builder.mixin(tracker.class.Issue, core.class.Class, view.mixin.LinkProvider, {
     encode: tracker.function.GetIssueLinkFragment
   })
diff --git a/plugins/view-resources/src/components/ClassAttributeBar.svelte b/plugins/view-resources/src/components/ClassAttributeBar.svelte
index 2fb0cbaf3e..2d6b44f3d9 100644
--- a/plugins/view-resources/src/components/ClassAttributeBar.svelte
+++ b/plugins/view-resources/src/components/ClassAttributeBar.svelte
@@ -29,6 +29,7 @@
   export let showLabel: IntlString | undefined = undefined
   export let draft = false
   export let showHeader: boolean = true
+  export let isMainClass: boolean = false
 
   const client = getClient()
   const hierarchy = client.getHierarchy()
@@ -53,50 +54,50 @@
   $: collapsed = getCollapsed(_class, nonEmpty)
 </script>
 
-{#if keys.length}
-  {#if showHeader}
-    <!-- svelte-ignore a11y-click-events-have-key-events -->
-    <!-- svelte-ignore a11y-no-static-element-interactions -->
-    <div
-      class="attrbar-header"
-      class:collapsed
-      on:click={() => {
-        collapsed = !collapsed
-      }}
-    >
-      <div class="flex-row-center">
-        <span class="overflow-label">
-          <Label {label} />
-        </span>
-        <div class="icon-arrow">
-          <svg fill="var(--theme-dark-color)" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg">
-            <path d="M0,0L6,3L0,6Z" />
-          </svg>
-        </div>
-      </div>
-      <div class="tool">
-        {#if !$restrictionStore.disableNavigation}
-          <Button
-            icon={setting.icon.Setting}
-            kind={'link'}
-            size={'medium'}
-            showTooltip={{ label: setting.string.ClassSetting }}
-            on:click={(ev) => {
-              ev.stopPropagation()
-              const loc = getCurrentResolvedLocation()
-              loc.path[2] = settingId
-              loc.path[3] = 'setting'
-              loc.path[4] = 'classes'
-              loc.path.length = 5
-              loc.query = { _class }
-              loc.fragment = undefined
-              navigate(loc)
-            }}
-          />
-        {/if}
+{#if showHeader && (keys.length > 0 || isMainClass)}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
+  <div
+    class="attrbar-header"
+    class:collapsed
+    on:click={() => {
+      collapsed = !collapsed
+    }}
+  >
+    <div class="flex-row-center">
+      <span class="overflow-label">
+        <Label {label} />
+      </span>
+      <div class="icon-arrow">
+        <svg fill="var(--theme-dark-color)" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg">
+          <path d="M0,0L6,3L0,6Z" />
+        </svg>
       </div>
     </div>
-  {/if}
+    <div class="tool">
+      {#if !$restrictionStore.disableNavigation}
+        <Button
+          icon={setting.icon.Setting}
+          kind={'link'}
+          size={'medium'}
+          showTooltip={{ label: setting.string.ClassSetting }}
+          on:click={(ev) => {
+            ev.stopPropagation()
+            const loc = getCurrentResolvedLocation()
+            loc.path[2] = settingId
+            loc.path[3] = 'setting'
+            loc.path[4] = 'classes'
+            loc.path.length = 5
+            loc.query = { _class }
+            loc.fragment = undefined
+            navigate(loc)
+          }}
+        />
+      {/if}
+    </div>
+  </div>
+{/if}
+{#if keys.length}
   <div class="collapsed-container" class:collapsed>
     <AttributesBar {_class} {object} {keys} {readonly} {draft} on:update />
   </div>
diff --git a/plugins/view-resources/src/components/DocAttributeBar.svelte b/plugins/view-resources/src/components/DocAttributeBar.svelte
index de2901b54e..d40bd17524 100644
--- a/plugins/view-resources/src/components/DocAttributeBar.svelte
+++ b/plugins/view-resources/src/components/DocAttributeBar.svelte
@@ -38,6 +38,7 @@
   {allowedCollections}
   {showHeader}
   {readonly}
+  isMainClass
   on:update
 />
 {#each mixins as mixin}