diff --git a/src/views/accounts/AccountItem.vue b/src/views/accounts/AccountItem.vue
index 5411edb..19a2580 100644
--- a/src/views/accounts/AccountItem.vue
+++ b/src/views/accounts/AccountItem.vue
@@ -2,8 +2,8 @@
   <section class="hero is-fullheight account-item" v-if="account">
     <account-encrypted v-if="isEncrypted" />
     <div class="account-item-container">
-      <h2 class="title is-2">
-        {{ account.name }}
+      <h2 class="title is-2 account-title">
+        <span :style="colorStyle()">{{ account.name }}</span>
         <router-link
           v-if="isAdmin"
           class="tag"
@@ -468,6 +468,7 @@ export default class AccountItem extends BaseAccount {
 
 <style lang="scss">
 @import '../../styles/variables';
+
 .account-item {
   font-size: 14pt;
 
@@ -475,6 +476,13 @@ export default class AccountItem extends BaseAccount {
   a {
     color: var(--primary-font-color);
   }
+  .account-title {
+    margin: 10px 0;
+    span {
+      padding: 0 10px;
+      margin: 0 10px;
+    }
+  }
 
   .tabs.is-toggle {
     max-width: 400pt;