diff --git a/resources/assets/js/components/AkauntingColor.vue b/resources/assets/js/components/AkauntingColor.vue
index 6f7855b22..f606f0929 100644
--- a/resources/assets/js/components/AkauntingColor.vue
+++ b/resources/assets/js/components/AkauntingColor.vue
@@ -2,6 +2,7 @@
     <base-input :label="title" :name="name"
         :readonly="readonly"
         :disabled="disabled"
+        :not-required="notRequired"
         :class="[
             {'readonly': readonly},
             {'disabled': disabled},
@@ -105,6 +106,11 @@ export default {
             description: "Selectbox disabled status"
         },
 
+        notRequired: {
+            type: Boolean,
+            default: false
+        },
+
         small: {
             type: [Boolean, String],
             default: false,
diff --git a/resources/assets/js/components/AkauntingDate.vue b/resources/assets/js/components/AkauntingDate.vue
index b8b71acb8..7e5665406 100644
--- a/resources/assets/js/components/AkauntingDate.vue
+++ b/resources/assets/js/components/AkauntingDate.vue
@@ -12,6 +12,7 @@
         :appendIcon="icon"
         :readonly="readonly"
         :disabled="disabled"
+        :not-required="notRequired"
         @focus="focus"
         >
         <flat-picker slot-scope="{focus, blur}"
@@ -64,6 +65,11 @@ export default {
             description: "Input readonly status"
         },
 
+        notRequired: {
+            type: Boolean,
+            default: false
+        },
+
         period: {
             type: [Number, String],
             default: "0",
diff --git a/resources/assets/js/components/AkauntingSelect.vue b/resources/assets/js/components/AkauntingSelect.vue
index daa3b503d..5e0befea7 100644
--- a/resources/assets/js/components/AkauntingSelect.vue
+++ b/resources/assets/js/components/AkauntingSelect.vue
@@ -2,6 +2,7 @@
     <base-input :label="title" :name="name"
         :readonly="readonly"
         :disabled="disabled"
+        :not-required="notRequired"
         :class="[
             {'readonly': readonly},
             {'disabled': disabled},
@@ -254,6 +255,11 @@ export default {
             description: "Selectbox clearable status"
         },
 
+        notRequired: {
+            type: Boolean,
+            default: false
+        },
+
         disabled: {
             type: Boolean,
             default: false,
diff --git a/resources/assets/js/components/AkauntingSelectRemote.vue b/resources/assets/js/components/AkauntingSelectRemote.vue
index f738c8ad3..5f53754fa 100644
--- a/resources/assets/js/components/AkauntingSelectRemote.vue
+++ b/resources/assets/js/components/AkauntingSelectRemote.vue
@@ -2,6 +2,7 @@
     <base-input v-if="title" :label="title" :name="name"
         :readonly="readonly"
         :disabled="disabled"
+        :not-required="notRequired"
         :class="[
             {'readonly': readonly},
             {'disabled': disabled},
@@ -359,6 +360,11 @@ export default {
             description: "Selectbox clearable status"
         },
 
+        notRequired: {
+            type: Boolean,
+            default: false
+        },
+
         disabled: {
             type: Boolean,
             default: false,
diff --git a/resources/assets/js/components/AkauntingWidget.vue b/resources/assets/js/components/AkauntingWidget.vue
index 89e7680bb..f9d11a411 100644
--- a/resources/assets/js/components/AkauntingWidget.vue
+++ b/resources/assets/js/components/AkauntingWidget.vue
@@ -9,8 +9,6 @@
                 <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
                     <div class="form-group sm:col-span-3">
                         <base-input
-                            required
-                            class="required"
                             v-model="form.name"
                             :label="text.name"
                             :placeholder="placeholder.name"
@@ -22,8 +20,6 @@
 
                     <div class="form-group sm:col-span-3">
                         <base-input
-                            required
-                            class="required"
                             :error="form.errors.class[0]"
                             :label="text.type">
                             
@@ -41,7 +37,7 @@
                     </div>
 
                     <div class="form-group sm:col-span-3">
-                        <base-input :label="text.width">
+                        <base-input :label="text.width" not-required>
                             <el-select
                                 v-model="form.width" filterable
                                 :placeholder="placeholder.width">
@@ -56,6 +52,7 @@
 
                     <div class="form-group sm:col-span-3">
                         <base-input
+                            not-required
                             v-model="form.sort"
                             :label="text.sort"
                             :placeholder="placeholder.sort"
diff --git a/resources/assets/js/components/Inputs/BaseInput.vue b/resources/assets/js/components/Inputs/BaseInput.vue
index d10f5ea52..946ebef85 100644
--- a/resources/assets/js/components/Inputs/BaseInput.vue
+++ b/resources/assets/js/components/Inputs/BaseInput.vue
@@ -6,7 +6,7 @@
     <slot name="label">
       <label v-if="label" :class="labelClasses">
         {{label}}
-        <span v-if="required" class="text-red ltr:ml-1 rtl:mr-1">*</span>
+        <span v-if="!notRequired" class="text-red ltr:ml-1 rtl:mr-1">*</span>
       </label>
     </slot>
     <div class="relative" :class="[
diff --git a/resources/assets/js/views/wizard/Company.vue b/resources/assets/js/views/wizard/Company.vue
index f7622886f..ead67f4c2 100644
--- a/resources/assets/js/views/wizard/Company.vue
+++ b/resources/assets/js/views/wizard/Company.vue
@@ -12,7 +12,7 @@
                     <div class="flex flex-col justify-between">
                         <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5 menu-scroll gap-10">
                             <div class="sm:col-span-6">
-                                <base-input :label="translations.company.api_key" name="api_key" data-name="api_key" :placeholder="translations.company.api_key" v-model="company.api_key"/>
+                                <base-input not-required :label="translations.company.api_key" name="api_key" data-name="api_key" :placeholder="translations.company.api_key" v-model="company.api_key"/>
 
                                 <div class="mt-2">
                                     <small>
@@ -23,11 +23,11 @@
                             </div>
 
                             <div class="sm:col-span-3">
-                                <base-input type="text" :label="translations.company.tax_number" name="tax_number" data-name="tax_number" :placeholder="translations.company.tax_number" v-model="company.tax_number"/>
+                                <base-input not-required type="text" :label="translations.company.tax_number" name="tax_number" data-name="tax_number" :placeholder="translations.company.tax_number" v-model="company.tax_number"/>
                             </div>
 
                             <div class="sm:col-span-3">
-                                <akaunting-date :title="translations.company.financial_start" data-name="financial_start" :placeholder="translations.company.financial_start" icon="calendar_today"
+                                <akaunting-date not-required :title="translations.company.financial_start" data-name="financial_start" :placeholder="translations.company.financial_start" icon="calendar_today"
                                     :date-config="{
                                     dateFormat: 'd-m',
                                     allowInput: false,
@@ -40,13 +40,13 @@
 
                             <div class="sm:col-span-3 grid gap-10">
                                 <div class="sm:col-span-3">
-                                    <base-input :label="translations.company.address">
+                                    <base-input not-required :label="translations.company.address">
                                         <textarea class="w-full text-sm px-3 py-2.5 mt-1 rounded-lg border border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple" name="address" data-name="address" rows="3" :placeholder="translations.company.address" v-model="company.address"></textarea>
                                     </base-input>
                                 </div>
 
                                 <div class="sm:col-span-3">
-                                    <base-input :label="translations.company.country">
+                                    <base-input not-required :label="translations.company.country">
                                         <el-select v-model="company.country" filterable>
                                             <el-option
                                                 v-for="(country, index) in sortedCountries"
diff --git a/resources/assets/js/views/wizard/Currencies.vue b/resources/assets/js/views/wizard/Currencies.vue
index 96d66966e..6b235869e 100644
--- a/resources/assets/js/views/wizard/Currencies.vue
+++ b/resources/assets/js/views/wizard/Currencies.vue
@@ -62,12 +62,11 @@
                                     <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 py-3">
                                         <base-input name="name" data-name="name"
                                         form-classes="sm:col-span-2"
-                                        class="required"
                                         v-model="model.name"
                                         :error="onFailErrorGet('name')"
                                         />
 
-                                        <base-input class="sm:col-span-2 required" :error="onFailErrorGet('code')">
+                                        <base-input class="sm:col-span-2" :error="onFailErrorGet('code')">
                                             <el-select name="code" v-model="model.select" @change="onChangeCodeItem(model.select)" filterable>
                                                 <el-option
                                                 v-for="option in currency_codes"
@@ -81,7 +80,6 @@
 
                                         <base-input name="rate" data-name="rate" :placeholder="translations.currencies.rate"
                                         form-classes="sm:col-span-2"
-                                        class="required"
                                         v-model="model.rate"
                                         :error="onFailErrorGet('rate')"
                                         />
@@ -131,13 +129,13 @@
 
                         <div v-if="new_datas" class="grid sm:grid-cols-7 gap-x-8 gap-y-6 my-3.5 w-full">
                             <base-input :label="translations.currencies.name" name="name" data-name="name" :placeholder="translations.currencies.name"
-                            class="sm:col-span-3 required"
+                            class="sm:col-span-3"
                             v-model="model.name"
                             :error="onFailErrorGet('name')"
                             />
 
-                            <base-input :label="translations.currencies.code" class="sm:col-span-2 required" :error="onFailErrorGet('code')">
-                                <el-select name="code" v-model="model.select" required="required" @change="onChangeCodeItem(model.select)"filterable>
+                            <base-input :label="translations.currencies.code" class="sm:col-span-2" :error="onFailErrorGet('code')">
+                                <el-select name="code" v-model="model.select" @change="onChangeCodeItem(model.select)"filterable>
                                     <el-option
                                     v-for="option in currency_codes"
                                     :key="option"
@@ -149,7 +147,7 @@
                             </base-input>
 
                             <base-input :label="translations.currencies.rate" name="rate" data-name="rate" :placeholder="translations.currencies.rate"
-                            class="sm:col-span-2 required"
+                            class="sm:col-span-2"
                             v-model="model.rate"
                             :error="onFailErrorGet('rate')"
                             />
diff --git a/resources/assets/js/views/wizard/Taxes.vue b/resources/assets/js/views/wizard/Taxes.vue
index b7eee2dce..ff5b6518a 100644
--- a/resources/assets/js/views/wizard/Taxes.vue
+++ b/resources/assets/js/views/wizard/Taxes.vue
@@ -54,7 +54,6 @@
                                     <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 py-3">
                                         <base-input name="name" data-name="name" :placeholder="translations.taxes.name"
                                         form-classes="sm:col-span-2"
-                                        class="required"
                                         v-model="model.name"
                                         :error="onFailErrorGet('name')"
                                         />
@@ -63,7 +62,6 @@
 
                                         <base-input name="rate" data-name="rate" :placeholder="translations.taxes.rate"
                                         form-classes="sm:col-span-2"
-                                        class="required"
                                         v-model="model.rate"
                                         :error="onFailErrorGet('rate')"
                                         />
@@ -114,14 +112,14 @@
                     
                     <div v-if="new_datas" class="grid sm:grid-cols-4 gap-x-8 gap-y-6 my-3.5 w-full">
                         <base-input :label="translations.taxes.name" name="name" data-name="name" :placeholder="translations.taxes.name"
-                        class="sm:col-span-2 required"
+                        class="sm:col-span-2"
                         v-model="model.name"
                         :error="onFailErrorGet('name')"
                         />
 
                         <base-input :label="translations.taxes.rate" name="rate" data-name="rate"
                         :placeholder="translations.taxes.rate"
-                        class="sm:col-span-2 required"
+                        class="sm:col-span-2"
                         v-model="model.rate"
                         :error="onFailErrorGet('rate')"
                         />
diff --git a/resources/views/components/form/group/color.blade.php b/resources/views/components/form/group/color.blade.php
index 6393eccec..80a3556c7 100644
--- a/resources/views/components/form/group/color.blade.php
+++ b/resources/views/components/form/group/color.blade.php
@@ -46,6 +46,10 @@
         small="{{ $attributes['small'] }}"
         @endif
 
+        @if (!$required)
+        :not-required={{ $required ? 'false' : 'true' }}
+        @endif
+
         @if (! empty($attributes['v-model']))
         @interface="form.errors.clear('{{ $attributes['v-model'] }}'); {{ $attributes['v-model'] . ' = $event' }}"
         @elseif (! empty($attributes['data-field']))
diff --git a/resources/views/components/form/group/date.blade.php b/resources/views/components/form/group/date.blade.php
index f2d8bbf48..9744c176c 100644
--- a/resources/views/components/form/group/date.blade.php
+++ b/resources/views/components/form/group/date.blade.php
@@ -15,6 +15,8 @@
 
         @if ($required)
         :required="{{ $required ? 'true' : 'false' }}"
+        @else
+        :not-required={{ $required ? 'false' : 'true' }}
         @endif
 
         @if ($readonly)
diff --git a/resources/views/components/form/group/date_time.blade.php b/resources/views/components/form/group/date_time.blade.php
index 182563955..d5df775fc 100644
--- a/resources/views/components/form/group/date_time.blade.php
+++ b/resources/views/components/form/group/date_time.blade.php
@@ -21,6 +21,10 @@
         :disabled="{{ $disabled }}"
         @endif
 
+        @if (!$required)
+        :not-required={{ $required ? 'false' : 'true' }}
+        @endif
+
         @if (!empty($attributes['v-error']))
         :form-classes="[{'has-error': {{ $attributes['v-error'] }} }]"
         @else
diff --git a/resources/views/components/form/group/select.blade.php b/resources/views/components/form/group/select.blade.php
index 91e8558c1..5a198d5af 100644
--- a/resources/views/components/form/group/select.blade.php
+++ b/resources/views/components/form/group/select.blade.php
@@ -125,6 +125,10 @@
         :no-arrow="{{ $attributes['no-arrow'] }}"
         @endif
 
+        @if (!$required)
+        :not-required={{ $required ? 'false' : 'true' }}
+        @endif
+
         @if (isset($attributes['v-disabled']))
         :disabled="{{ $attributes['v-disabled'] }}"
         @endif
diff --git a/resources/views/components/form/group/time.blade.php b/resources/views/components/form/group/time.blade.php
index 266237431..674a04050 100644
--- a/resources/views/components/form/group/time.blade.php
+++ b/resources/views/components/form/group/time.blade.php
@@ -15,6 +15,8 @@
 
         @if ($required)
         :required="{{ $required ? 'true' : 'false' }}"
+        @else
+        :not-required={{ $required ? 'false' : 'true' }}
         @endif
 
         @if ($readonly)
diff --git a/resources/views/components/form/input/select.blade.php b/resources/views/components/form/input/select.blade.php
index 961ce4a40..b0f8f5152 100644
--- a/resources/views/components/form/input/select.blade.php
+++ b/resources/views/components/form/input/select.blade.php
@@ -125,6 +125,10 @@
     :no-arrow="{{ $attributes['no-arrow'] }}"
     @endif
 
+    @if (!$required)
+    :not-required={{ $required ? 'false' : 'true' }}
+    @endif
+
     @if (isset($attributes['v-disabled']))
     :disabled="{{ $attributes['v-disabled'] }}"
     @endif