diff --git a/app/Http/Controllers/Settings/Categories.php b/app/Http/Controllers/Settings/Categories.php
index decdb6fcd..e3e74dbb0 100644
--- a/app/Http/Controllers/Settings/Categories.php
+++ b/app/Http/Controllers/Settings/Categories.php
@@ -87,9 +87,7 @@ class Categories extends Controller
         $type_codes = [];
 
         foreach (config('type.category') as $type => $config) {
-            $show_code = empty($config['hide']) || ! in_array('code', $config['hide']);
-
-            $type_codes[$type] = $show_code;
+            $type_codes[$type] = empty($config['hide']) || ! in_array('code', $config['hide']);
             $categories[$type] = [];
         }
 
@@ -175,9 +173,7 @@ class Categories extends Controller
         $type_codes = [];
 
         foreach (config('type.category') as $type => $config) {
-            $show_code = empty($config['hide']) || ! in_array('code', $config['hide']);
-
-            $type_codes[$type] = $show_code;
+            $type_codes[$type] = empty($config['hide']) || ! in_array('code', $config['hide']);
             $categories[$type] = [];
         }
 
diff --git a/resources/views/modals/categories/create.blade.php b/resources/views/modals/categories/create.blade.php
index a1efc5818..7e82750fd 100644
--- a/resources/views/modals/categories/create.blade.php
+++ b/resources/views/modals/categories/create.blade.php
@@ -2,18 +2,20 @@
     <div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5">
         <x-form.group.text name="name" label="{{ trans('general.name') }}" form-group-class="col-span-6" />
 
-        @if ($has_code)
-            <x-form.group.text name="code" label="{{ trans('general.code') }}" form-group-class="col-span-6" />
-        @endif
-
         <x-form.group.color name="color" label="{{ trans('general.color') }}" form-group-class="col-span-6" />
 
         <x-form.group.select name="parent_id" label="{{ trans('general.parent') . ' ' . trans_choice('general.categories', 1) }}" :options="$categories" not-required sort-options="false" searchable form-group-class="col-span-6" />
 
         @if (!empty($types) && count($types) > 1)
-            <x-form.group.select name="type" label="{{ trans_choice('general.types', 1) }}" :options="$types" value="{{ $type }}" form-group-class="col-span-6" />
+            <x-form.group.select name="type" label="{{ trans_choice('general.types', 1) }}" :options="$types" value="{{ $type }}" form-group-class="col-span-6" change="changeCategories" />
+
+            <x-form.group.text name="code" label="{{ trans('general.code') }}" form-group-class="col-span-6" v-show="show_code_field" />
         @else
             <x-form.input.hidden name="type" value="{{ $type }}" />
+
+            @if ($show_code_field)
+                <x-form.group.text name="code" label="{{ trans('general.code') }}" form-group-class="col-span-6" />
+            @endif
         @endif
 
         <x-form.group.textarea name="description" label="{{ trans('general.description') }}" not-required />
@@ -21,3 +23,10 @@
         <x-form.input.hidden name="enabled" value="1" />
     </div>
 </x-form>
+
+<script type="text/javascript">
+    if (typeof type_codes === 'undefined') {
+        var type_codes = {!! json_encode($type_codes) !!};
+    }
+</script>
+