diff --git a/src/components/UserDetailOne.svelte b/src/components/UserDetailOne.svelte
index e4d31aa6..575e43f9 100644
--- a/src/components/UserDetailOne.svelte
+++ b/src/components/UserDetailOne.svelte
@@ -8,6 +8,7 @@
   import "gridjs/dist/theme/mermaid.css";
   import { tracks as tracksstore } from "../store.js";
   import UsersEmptyState from "./UsersEmptyState.svelte";
+  import PromiseError from "./PromiseError.svelte";
   $: userscache = [];
   $: blocked = [];
   let table;
@@ -49,29 +50,37 @@
         class="ml-5 bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Change</button>
     </div>
     <!--  -->
-    <div class="flex items-start">
-      <div class="flex items-center h-5">
-        <input
-          id="enabled"
-          name="enabled"
-          type="checkbox"
-          class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" />
-      </div>
-      <div class="ml-3 text-sm">
-        <label for="enabled" class="font-medium text-gray-700">Active?</label>
-        <p class="text-gray-500">set the user active/ inactive</p>
-      </div>
-      <div class="ml-3 text-sm">
-        <label for="trackname" class="font-medium text-gray-700">Active?</label>
-        <input
-          autocomplete="off"
-          placeholder="First name"
-          type="text"
-          name="trackname"
-          class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
-      </div>
+    <div class="mt-3 text-sm w-full">
+      <input
+        id="enabled"
+        name="enabled"
+        type="checkbox"
+        class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" />
+      <label
+        for="enabled"
+        class="ml-1 font-medium text-gray-700">Active?</label>
+      <p class="text-gray-500">set the user active/ inactive</p>
+    </div>
+    <div class="text-sm w-full">
+      <label for="firstname" class="font-medium text-gray-700">First name</label>
+      <input
+        autocomplete="off"
+        placeholder="First name"
+        type="text"
+        name="firstname"
+        class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
+    </div>
+    <div class="text-sm w-full">
+      <label for="lastname" class="font-medium text-gray-700">Last name</label>
+      <input
+        autocomplete="off"
+        placeholder="Last name"
+        type="text"
+        name="lastname"
+        class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-gray-500 rounded-md p-2" />
     </div>
   </section>
 {:catch error}
   <!-- promise was rejected -->
+  <PromiseError {error} />
 {/await}