diff --git a/zero.Backoffice.UI/app/components/index.ts b/zero.Backoffice.UI/app/components/index.ts
index 475450fa..af71fdda 100644
--- a/zero.Backoffice.UI/app/components/index.ts
+++ b/zero.Backoffice.UI/app/components/index.ts
@@ -20,6 +20,7 @@ import uiDropdown from './ui-dropdown.vue';
 import uiHeaderBar from './ui-header-bar.vue';
 import uiCalendar from './ui-calendar.vue';
 import uiTree from './ui-tree.vue';
+import uiTreeItem from './ui-tree-item.vue';
 import uiTable from './ui-table.vue';
 import uiTableFilter from './ui-table-filter.vue';
 import uiTrinity from './ui-trinity.vue';
@@ -64,6 +65,7 @@ export {
   uiHeaderBar,
   uiCalendar,
   uiTree,
+  uiTreeItem,
   uiTable,
   uiTableFilter,
   uiTrinity,
diff --git a/zero.Backoffice.UI/app/components/ui-select-button.vue b/zero.Backoffice.UI/app/components/ui-select-button.vue
index 369ce8b2..b289c8f2 100644
--- a/zero.Backoffice.UI/app/components/ui-select-button.vue
+++ b/zero.Backoffice.UI/app/components/ui-select-button.vue
@@ -4,6 +4,7 @@
       <ui-icon :symbol="icon" />
     </span>
     <span class="ui-select-button-icon is-image" v-if="isImage">
+      <ui-thumbnail :media="source" :alt="icon" />
       <img :src="source" :alt="icon" />
     </span>
     <div class="ui-select-button-content" v-if="label || description">
diff --git a/zero.Backoffice.UI/app/schemas/list/list-column.ts b/zero.Backoffice.UI/app/schemas/list/list-column.ts
index 3c16ab79..14572f6d 100644
--- a/zero.Backoffice.UI/app/schemas/list/list-column.ts
+++ b/zero.Backoffice.UI/app/schemas/list/list-column.ts
@@ -200,7 +200,8 @@ class ListColumn
   {
     this._type = 'image';
     this._asHtml = true;
-    this._func = (value, opts) => value ? `<img src="/zero/api/system/media/${(value)}/thumb.tmp" class="ui-table-field-image">` : '';
+    // TODO correct app ID
+    this._func = (value, opts) => value ? `<img src="/zero/api/hofbauer/media/${(value)}/thumb.tmp" class="ui-table-field-image">` : '';
     return this;
   }
 
diff --git a/zero.Backoffice.UI/app/styles/Settings/_accent.scss b/zero.Backoffice.UI/app/styles/Settings/_accent.scss
index a2d7b003..e4dee43a 100644
--- a/zero.Backoffice.UI/app/styles/Settings/_accent.scss
+++ b/zero.Backoffice.UI/app/styles/Settings/_accent.scss
@@ -3,7 +3,7 @@
 // theme-agnostic colors
 :root
 {
-  --color-accent: #f9aa19; // #F9AA19 // #67bdb1
+  --color-accent: #f9aa19; // #f9aa19; // #76b900 // #67bdb1
   --color-accent-fg: #ffffff;
 
   --color-negative: rgb(216, 40, 83);