diff --git a/src/app.vue b/src/app.vue
index 00754c3d..f290dc32 100644
--- a/src/app.vue
+++ b/src/app.vue
@@ -95,7 +95,7 @@
           <th>member.name</th>
           <td>{{ neko.state.member.name }}</td>
         </tr>
-        <tr>
+        <tr class="ok">
           <th>member.is_admin</th>
           <td>{{ neko.state.member.is_admin }}</td>
         </tr>
diff --git a/src/internal/messages.ts b/src/internal/messages.ts
index 3f4cce5a..ee56ad61 100644
--- a/src/internal/messages.ts
+++ b/src/internal/messages.ts
@@ -81,6 +81,10 @@ export class NekoMessages extends EventEmitter<NekoEvents> {
     console.log('EVENT.MEMBER.CONNECTED')
     this.emit('member.connected', member.id)
     //user.addMember(member)
+
+    if (member.id === this.state.member.id) {
+      Vue.set(this.state.member, 'is_admin', member.admin)
+    }
   }
 
   protected [EVENT.MEMBER.DISCONNECTED]({ id }: MemberDisconnectPayload) {