module/applications/sheets/items/subclass.mjs

@@ -44,9 +44,9 @@ export default class SubclassSheet extends DHBaseItemSheet {
     async _prepareContext(options) {
         const context = await super._prepareContext(options);
         if (this.document.system.linkedClass) {
-            const classData = await fromUuid(this.document.system.linkedClass);
+            context.class = (await fromUuid(this.document.system.linkedClass)) ?? {
-            context.class = classData ?? {
                 name: _loc('DAGGERHEART.GENERAL.missingX', { x: _loc('TYPES.Item.class') }),
+                img: 'systems/daggerheart/assets/icons/documents/items/laurel-crown.svg',
                 missing: true
             };
         }

module/applications/ui/itemBrowser.mjs

@@ -357,7 +357,7 @@ export class ItemBrowser extends HandlebarsApplicationMixin(ApplicationV2) {
 
     async _createFieldFilter() {
         const filters = ItemBrowser.getFolderConfig(this.selectedMenu.data, 'filters');
-        for (const f of filters) {
+        for(const f of filters) {
             if (typeof f.field === 'string') f.field = foundry.utils.getProperty(game, f.field);
             else if (typeof f.choices === 'function') {
                 f.choices = await f.choices(this.items);

module/config/itemBrowserConfig.mjs

@@ -383,8 +383,7 @@ export const typeConfig = {
             {
                 key: 'system.linkedClass',
                 label: 'TYPES.Item.class',
-                format: linkedClass =>
+                format: linkedClass => linkedClass?.name ?? 'DAGGERHEART.UI.ItemBrowser.missing'
-                    foundry.utils.fromUuidSync(linkedClass)?.name ?? 'DAGGERHEART.UI.ItemBrowser.missing'
             },
             {
                 key: 'system.spellcastingTrait',
@@ -398,7 +397,7 @@ export const typeConfig = {
                 label: 'TYPES.Item.class',
                 choices: async items => {
                     const list = [];
-                    for (const item of items.filter(item => item.system.linkedClass)) {
+                    for(const item of items.filter(item => item.system.linkedClass)) {
                         const linkedClass = await foundry.utils.fromUuid(item.system.linkedClass);
                         list.push({
                             value: linkedClass.uuid,

styles/less/global/feature-section.less

@@ -35,14 +35,6 @@
                     border-radius: 6px;
                     border: none;
                 }
-                .image-icon {
-                    font-size: 26px;
-                    width: 40px;
-                    height: 40px;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                }
                 .controls {
                     display: flex;
                     justify-content: center;

templates/sheets/items/subclass/description.hbs

@@ -1,10 +1,8 @@
 <div class="item-description-outer-container">
-    {{#if spellcastTrait}}
+    <div class="item-description-container">
-        <div class="item-description-container">
+        <h4>{{localize "DAGGERHEART.ITEMS.Subclass.spellcastTrait"}}</h4>
-            <h4>{{localize "DAGGERHEART.ITEMS.Subclass.spellcastTrait"}}</h4>
+        <span>{{spellcastTrait}}</span>
-            <span>{{spellcastTrait}}</span>
+    </div>
-        </div>
-    {{/if}}
     <div class="item-description-container">
         <h4>{{localize "DAGGERHEART.ITEMS.Subclass.foundationFeatures"}}</h4>
         {{#each foundationFeatures as | feature |}}

templates/sheets/items/subclass/features.hbs

@@ -8,12 +8,9 @@
         {{#if class}}
             <div class="feature-list">
                 <li class="feature-line">
-                    {{#if class.missing}}
+                    <img class="image" src="{{class.img}}" />
-                        <i class="fa-solid fa-link-slash hint image-icon" inert></i>
+                    <span>{{class.name}} {{#if class.missing}}<i class="fa-solid fa-link-slash" inert></i>{{/if}}</span>
-                        <span class="hint">{{class.name}}</span>
+                    {{#unless class.missing}}
-                    {{else}}
-                        <img class="image" src="{{class.img}}" />
-                        <span>{{class.name}}</span>
                         <div class='controls'>
                             <a
                                 class='effect-control'
@@ -24,7 +21,7 @@
                                 <i class="fa-solid fa-globe" inert></i>
                             </a>
                         </div>
-                    {{/if}}
+                    {{/unless}}
                 </li>
             </div>
         {{else}}