diff --git a/client/App.vue b/client/App.vue
index 8d2ca557df06a5bc9fde471f6c1d04a1dfca81b5..2973b7df4ff422f368eb6ae4a0408452cbdcb165 100644
--- a/client/App.vue
+++ b/client/App.vue
@@ -29,11 +29,11 @@
             <h4>Add external users</h4>
             <p>Employees and students are allowed to create external users for collaboration with actors outside of Linköpings University.<br/>
               This application will track and allow creation of such external users, up to a number configurable by the administrators.<br/></p>
-            <button class="btn btn-success" :disabled="external.length >= user.user_limit" @click="showCreationForm = !showCreationForm">New External User</button>
+            <button class="btn btn-success" :disabled="user.eum_settings.external_limit > 0 && external.length >= user.eum_settings.external_limit" @click="showCreationForm = !showCreationForm">New External User</button>
           </div>
         </transition>
 
-        <h2 class="mt-4 mb-3">Existing external users: ({{ external.length }}/<span v-if="user.user_limit > 0">{{ user.user_limit }}</span><span v-else>&infin;</span>)</h2>
+        <h2 class="mt-4 mb-3">Existing external users: ({{ external.length }}/<span v-if="user.eum_settings.external_limit > 0">{{ user.eum_settings.external_limit }}</span><span v-else>&infin;</span>)</h2>
         <hr/>
         <transition name="fade" mode="out-in">
           <ul class="list-unstyled" is="transition-group" name="flip-list" v-if="external">
@@ -77,7 +77,7 @@ export default {
 
       alerts: [],
       external: [],
-      user: { }
+      user: { eum_settings: {} }
     }
   },
 
@@ -103,6 +103,7 @@ export default {
       .then((response) => {
         console.log("Signed in as " + response.data.username);
         this.user = response.data;
+        console.log(this.user);
       }, (err) => {
         this.user = null;