diff --git a/resources/js/Pages/Contacts/Create.vue b/resources/js/Pages/Contacts/Create.vue
index 6b91dac..cbf9cb6 100644
--- a/resources/js/Pages/Contacts/Create.vue
+++ b/resources/js/Pages/Contacts/Create.vue
@@ -57,16 +57,16 @@ export default {
   data() {
     return {
       form: this.$inertia.form({
-        first_name: null,
-        last_name: null,
+        first_name: '',
+        last_name: '',
         organization_id: null,
-        email: null,
-        phone: null,
-        address: null,
-        city: null,
-        region: null,
-        country: null,
-        postal_code: null,
+        email: '',
+        phone: '',
+        address: '',
+        city: '',
+        region: '',
+        country: '',
+        postal_code: '',
       }),
     }
   },
diff --git a/resources/js/Pages/Contacts/Edit.vue b/resources/js/Pages/Contacts/Edit.vue
index 7374fe4..e74007c 100644
--- a/resources/js/Pages/Contacts/Edit.vue
+++ b/resources/js/Pages/Contacts/Edit.vue
@@ -1,5 +1,6 @@
 <template>
   <div>
+    <Head :title="`${form.first_name} ${form.last_name}`" />
     <h1 class="mb-8 font-bold text-3xl">
       <Link class="text-indigo-400 hover:text-indigo-600" href="/contacts">Contacts</Link>
       <span class="text-indigo-400 font-medium">/</span>
@@ -39,7 +40,7 @@
 </template>
 
 <script>
-import { Link } from '@inertiajs/inertia-vue3'
+import { Head, Link } from '@inertiajs/inertia-vue3'
 import Layout from '@/Shared/Layout'
 import TextInput from '@/Shared/TextInput'
 import SelectInput from '@/Shared/SelectInput'
@@ -47,12 +48,8 @@ import LoadingButton from '@/Shared/LoadingButton'
 import TrashedMessage from '@/Shared/TrashedMessage'
 
 export default {
-  metaInfo() {
-    return {
-      title: `${this.form.first_name} ${this.form.last_name}`,
-    }
-  },
   components: {
+    Head,
     Link,
     LoadingButton,
     SelectInput,
diff --git a/resources/js/Pages/Users/Create.vue b/resources/js/Pages/Users/Create.vue
index 10726b3..2f57be0 100644
--- a/resources/js/Pages/Users/Create.vue
+++ b/resources/js/Pages/Users/Create.vue
@@ -48,10 +48,10 @@ export default {
   data() {
     return {
       form: this.$inertia.form({
-        first_name: null,
-        last_name: null,
-        email: null,
-        password: null,
+        first_name: '',
+        last_name: '',
+        email: '',
+        password: '',
         owner: false,
         photo: null,
       }),
diff --git a/resources/js/Pages/Users/Edit.vue b/resources/js/Pages/Users/Edit.vue
index 0bd24fe..8863f5c 100644
--- a/resources/js/Pages/Users/Edit.vue
+++ b/resources/js/Pages/Users/Edit.vue
@@ -65,7 +65,7 @@ export default {
         first_name: this.user.first_name,
         last_name: this.user.last_name,
         email: this.user.email,
-        password: null,
+        password: '',
         owner: this.user.owner,
         photo: null,
       }),
diff --git a/resources/js/Shared/SelectInput.vue b/resources/js/Shared/SelectInput.vue
index e051458..e83799d 100644
--- a/resources/js/Shared/SelectInput.vue
+++ b/resources/js/Shared/SelectInput.vue
@@ -1,7 +1,7 @@
 <template>
-  <div :class="$class">
+  <div :class="$attrs.class">
     <label v-if="label" class="form-label" :for="id">{{ label }}:</label>
-    <select :id="id" ref="input" v-model="selected" v-bind="$attrs" class="form-select" :class="{ error: error }">
+    <select :id="id" ref="input" v-model="selected" v-bind="{ ...$attrs, class: null }" class="form-select" :class="{ error: error }">
       <slot />
     </select>
     <div v-if="error" class="form-error">{{ error }}</div>
@@ -30,11 +30,6 @@ export default {
       selected: this.modelValue,
     }
   },
-  computed: {
-    $class() {
-      return this.class
-    },
-  },
   watch: {
     selected(selected) {
       this.$emit('update:modelValue', selected)
diff --git a/resources/js/Shared/TextInput.vue b/resources/js/Shared/TextInput.vue
index 0c7e266..5bc05cb 100644
--- a/resources/js/Shared/TextInput.vue
+++ b/resources/js/Shared/TextInput.vue
@@ -1,7 +1,7 @@
 <template>
-  <div :class="$class">
+  <div :class="$attrs.class">
     <label v-if="label" class="form-label" :for="id">{{ label }}:</label>
-    <input :id="id" ref="input" v-bind="$attrs" class="form-input" :class="{ error: error }" :type="type" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" />
+    <input :id="id" ref="input" v-bind="{ ...$attrs, class: null }" class="form-input" :class="{ error: error }" :type="type" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" />
     <div v-if="error" class="form-error">{{ error }}</div>
   </div>
 </template>
@@ -27,11 +27,6 @@ export default {
     label: String,
     modelValue: String,
   },
-  computed: {
-    $class() {
-      return this.class
-    },
-  },
   methods: {
     focus() {
       this.$refs.input.focus()
diff --git a/resources/js/Shared/TextareaInput.vue b/resources/js/Shared/TextareaInput.vue
index 2b78cea..e754465 100644
--- a/resources/js/Shared/TextareaInput.vue
+++ b/resources/js/Shared/TextareaInput.vue
@@ -1,7 +1,7 @@
 <template>
-  <div :class="$class">
+  <div :class="$attrs.class">
     <label v-if="label" class="form-label" :for="id">{{ label }}:</label>
-    <textarea :id="id" ref="input" v-bind="$attrs" class="form-textarea" :class="{ error: error }" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" />
+    <textarea :id="id" ref="input" v-bind="{ ...$attrs, class: null }" class="form-textarea" :class="{ error: error }" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" />
     <div v-if="error" class="form-error">{{ error }}</div>
   </div>
 </template>
@@ -23,11 +23,6 @@ export default {
     label: String,
     modelValue: String,
   },
-  computed: {
-    $class() {
-      return this.class
-    },
-  },
   methods: {
     focus() {
       this.$refs.input.focus()
diff --git a/resources/js/app.js b/resources/js/app.js
index 0c80f03..ffe918d 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -8,9 +8,7 @@ createInertiaApp({
   resolve: name => require(`./Pages/${name}`),
   title: title => `${title} - Ping CRM`,
   setup({ el, App, props, plugin }) {
-    createApp({
-      render: () => h(App, props),
-    })
+    createApp({ render: () => h(App, props) })
       .use(plugin)
       .mount(el)
   },
