diff --git a/resources/assets/js/components/AkauntingModalAddNew.vue b/resources/assets/js/components/AkauntingModalAddNew.vue
index 152f912a4..9fcfc613a 100644
--- a/resources/assets/js/components/AkauntingModalAddNew.vue
+++ b/resources/assets/js/components/AkauntingModalAddNew.vue
@@ -1,8 +1,9 @@
 <template>
     <SlideYUpTransition :duration="animationDuration">
-        <div class="modal w-full h-full fixed top-0 left-0 right-0 z-50 overflow-y-auto overflow-hidden modal-add-new fade justify-center"
+        <div class="modal w-full h-full fixed top-0 left-0 right-0 overflow-y-auto overflow-hidden modal-add-new fade justify-center"
             @click.self="closeModal"
             :class="[modalPositionTop ? 'items-start' : 'items-center', {'show flex flex-wrap modal-background': show}, {'hidden': !show}]"
+            style="z-index: 100;"
             v-show="show"
             tabindex="-1"
             role="dialog"
diff --git a/resources/views/components/form/error.blade.php b/resources/views/components/form/error.blade.php
index d686aab7c..c0834feb0 100644
--- a/resources/views/components/form/error.blade.php
+++ b/resources/views/components/form/error.blade.php
@@ -1,4 +1,4 @@
-<div class="text-red text-sm mt-1 block"
+<div class="text-red text-sm mt-1 block whitespace-normal"
     v-if="{{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.has("' . $name . '")' }}"
     v-html="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}">
 </div>