diff --git a/app/Http/Livewire/Profile/Settings/NameWebsiteLogo.php b/app/Http/Livewire/Profile/Settings/NameWebsiteLogo.php
index 5f708e5dba00..dfb5a1e71e94 100644
--- a/app/Http/Livewire/Profile/Settings/NameWebsiteLogo.php
+++ b/app/Http/Livewire/Profile/Settings/NameWebsiteLogo.php
@@ -9,6 +9,7 @@ class NameWebsiteLogo extends Component
     public $profile;
 
     public $name;
+    public $vat_number;
     public $website;
     public $phone;
 
@@ -16,6 +17,7 @@ class NameWebsiteLogo extends Component
 
     public $rules = [
         'name' => ['sometimes', 'min:3'],
+        'vat_number' => ['sometimes'],
         'website' => ['sometimes'],
         'phone' => ['sometimes', 'string', 'max:255'],
     ];
@@ -25,6 +27,7 @@ class NameWebsiteLogo extends Component
         $this->fill([
             'profile' => auth()->user('contact')->client,
             'name' => auth()->user('contact')->client->present()->name,
+            'vat_number' => auth()->user('contact')->client->present()->vat_number,
             'website' => auth()->user('contact')->client->present()->website,
             'phone' => auth()->user('contact')->client->present()->phone,
             'saved' => ctrans('texts.save'),
@@ -41,6 +44,7 @@ class NameWebsiteLogo extends Component
         $data = $this->validate($this->rules);
 
         $this->profile->name = $data['name'];
+        $this->profile->vat_number = $data['vat_number'];
         $this->profile->website = $data['website'];
         $this->profile->phone = $data['phone'];
 
diff --git a/resources/lang/en/texts.php b/resources/lang/en/texts.php
index 7f1174d56bf1..37583dfd8d45 100644
--- a/resources/lang/en/texts.php
+++ b/resources/lang/en/texts.php
@@ -4249,6 +4249,7 @@ $LANG = array(
     'new_login_detected' => 'New login detected for your account.',
     'new_login_description' => 'You recently logged in to your Invoice Ninja account from a new location or device:<br><br><b>IP:</b> :ip<br><b>Time:</b> :time<br><b>Email:</b> :email',
     'download_backup_subject' => 'Your company backup is ready for download',
+    'contact_details' => 'Contact Details',
 );
 
 return $LANG;
diff --git a/resources/views/portal/ninja2020/profile/index.blade.php b/resources/views/portal/ninja2020/profile/index.blade.php
index f3fa6d9219a3..d44b9aeff603 100644
--- a/resources/views/portal/ninja2020/profile/index.blade.php
+++ b/resources/views/portal/ninja2020/profile/index.blade.php
@@ -14,19 +14,19 @@
             <ul>
                 @foreach(session()->get('missing_required_fields') as $field)
                     <li class="block">— {{ ctrans("texts.{$field}") }}</li>
-                @endforeach    
+                @endforeach
             </ul>
 
             <button onclick="window.history.back();" class="block mt-3 button button-link pl-0 ml-0 underline">{{ ctrans('texts.after_completing_go_back_to_previous_page') }}</button>
         </div>
     @endif
 
-    <!-- Basic information: first & last name, e-mail address etc. -->
-    @livewire('profile.settings.general')
-    
-    <!-- Name, website & logo -->
+    <!-- Clients' name, website & logo -->
     @livewire('profile.settings.name-website-logo')
 
+    <!-- Basic information: Contact's first & last name, e-mail address etc. -->
+    @livewire('profile.settings.general')
+
     <!-- Client personal address -->
     @livewire('profile.settings.personal-address', ['countries' => $countries])
 
diff --git a/resources/views/portal/ninja2020/profile/settings/general.blade.php b/resources/views/portal/ninja2020/profile/settings/general.blade.php
index 65e8eaa0c3b9..c891f046160e 100644
--- a/resources/views/portal/ninja2020/profile/settings/general.blade.php
+++ b/resources/views/portal/ninja2020/profile/settings/general.blade.php
@@ -2,7 +2,7 @@
         <div class="md:grid md:grid-cols-3 md:gap-6">
             <div class="md:col-span-1">
                 <div class="sm:px-0">
-                    <h3 class="text-lg font-medium leading-6 text-gray-900">{{ ctrans('texts.profile') }}</h3>
+                    <h3 class="text-lg font-medium leading-6 text-gray-900">{{ ctrans('texts.contact_details') }}</h3>
                 </div>
             </div>  <!-- End of left-side -->
 
diff --git a/resources/views/portal/ninja2020/profile/settings/name-website-logo.blade.php b/resources/views/portal/ninja2020/profile/settings/name-website-logo.blade.php
index 94b7c5c8c1f3..fb19889e381a 100644
--- a/resources/views/portal/ninja2020/profile/settings/name-website-logo.blade.php
+++ b/resources/views/portal/ninja2020/profile/settings/name-website-logo.blade.php
@@ -2,7 +2,7 @@
     <div class="md:grid md:grid-cols-3 md:gap-6">
         <div class="md:col-span-1">
             <div class="sm:px-0">
-                <h3 class="text-lg font-medium leading-6 text-gray-900">{{ ctrans('texts.name_website_logo') }}</h3>
+                <h3 class="text-lg font-medium leading-6 text-gray-900">{{ ctrans('texts.client_details') }}</h3>
             </div>
         </div> <!-- End of left side -->
 
@@ -14,35 +14,46 @@
                         <div class="grid grid-cols-6 gap-6">
                             <div class="col-span-6 sm:col-span-3">
                                 <label for="street" class="input-label">{{ ctrans('texts.name') }}</label>
-                                <input id="name" class="input w-full {{ in_array('name', (array) session('missing_required_fields')) ? 'border border-red-400' : '' }}" name="name" wire:model.defer="name" />
+                                <input id="name" class="input w-full" name="name" wire:model.defer="name"/>
                                 @error('name')
-                                <div class="validation validation-fail">
-                                    {{ $message }}
-                                </div>
+                                    <div class="validation validation-fail">
+                                        {{ $message }}
+                                    </div>
                                 @enderror
                             </div>
+
+                            <div class="col-span-6 sm:col-span-3">
+                                <label for="street" class="input-label">{{ ctrans('texts.vat_number') }}</label>
+                                <input id="vat_number" class="input w-full" name="vat_number" wire:model.defer="vat_number"/>
+                                @error('vat_number')
+                                    <div class="validation validation-fail">
+                                        {{ $message }}
+                                    </div>
+                                @enderror
+                            </div>
+
                             <div class="col-span-6 sm:col-span-3">
                                 <label for="street" class="input-label">{{ ctrans('texts.phone') }}</label>
-                                <input id="phone" class="input w-full {{ in_array('phone', (array) session('missing_required_fields')) ? 'border border-red-400' : '' }}" name="phone" wire:model.defer="phone" />
+                                <input id="phone" class="input w-full" name="phone" wire:model.defer="phone"/>
                                 @error('phone')
                                     <div class="validation validation-fail">
                                         {{ $message }}
                                     </div>
                                 @enderror
                             </div>
+
                             <div class="col-span-6 sm:col-span-3">
                                 <div class="inline-flex items-center">
                                     <label for="website" class="input-label">{{ ctrans('texts.website') }}</label>
                                     <span class="text-xs ml-2 text-gray-600">E.g. https://invoiceninja.com</span>
                                 </div>
-                                <input id="website" class="input w-full" name="website" wire:model.defer="website" />
+                                <input id="website" class="input w-full" name="website" wire:model.defer="website"/>
                                 @error('website')
-                                <div class="validation validation-fail">
-                                    {{ $message }}
-                                </div>
+                                    <div class="validation validation-fail">
+                                        {{ $message }}
+                                    </div>
                                 @enderror
                             </div>
-
                         </div>
                     </div>
                     <div class="px-4 py-3 bg-gray-50 text-right sm:px-6">