diff --git a/dashboard/src/components/Headerbar.vue b/dashboard/src/components/Headerbar.vue
index a3346a4b5..2cd7312e8 100644
--- a/dashboard/src/components/Headerbar.vue
+++ b/dashboard/src/components/Headerbar.vue
@@ -147,7 +147,7 @@ onUnmounted(() => {
 
     <div style="flex-grow: 1;"></div>
 
-    <div v-if="!platformStatus.isReady" class="headerbar-action">
+    <div v-if="!platformStatus.isReady" class="headerbar-info">
       <Spinner style="margin-right: 10px"/> {{ platformStatus.message }}
     </div>
 
@@ -170,6 +170,13 @@ onUnmounted(() => {
   gap: 15px;
 }
 
+.headerbar-info {
+  display: flex;
+  align-items: center;
+  color: var(--pankow-text-color);
+  padding: 4px 15px;
+}
+
 .headerbar-action {
   display: flex;
   align-items: center;