diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index 89c79258..1a4f4234 100644
--- a/frontend/layouts/default.vue
+++ b/frontend/layouts/default.vue
@@ -2,6 +2,7 @@
   <v-layout v-if="layout">
     <v-app-bar elevation="1" prominent>
       <v-app-bar-nav-icon icon="mdi-menu" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
+      <v-avatar image="/logo.png" rounded="0" class="ml-4" />
       <v-toolbar-title>Policy Reporter</v-toolbar-title>
       <template #append>
         <form-cluster-select />
diff --git a/frontend/plugins/03.charts.client.ts b/frontend/plugins/03.charts.client.ts
index b0829743..d3879daf 100644
--- a/frontend/plugins/03.charts.client.ts
+++ b/frontend/plugins/03.charts.client.ts
@@ -1,7 +1,6 @@
 import * as ChartJs from 'chart.js';
 import { DisplayMode } from "~/modules/core/types";
 import { useConfigStore } from "~/store/config";
-import type { DebuggerEvent } from "vue";
 
 const { Chart, registerables } = ChartJs;
 
@@ -26,6 +25,6 @@ export default defineNuxtPlugin(() => {
   configColors(config.theme)
 
   config.$subscribe((mutation, state) => {
-    if ((mutation.events as DebuggerEvent).key === 'displayMode') { configColors(state.displayMode) }
+    configColors(state.displayMode)
   })
 });
diff --git a/frontend/public/logo.png b/frontend/public/logo.png
new file mode 100644
index 00000000..44591b2a
Binary files /dev/null and b/frontend/public/logo.png differ