diff --git a/apps/app/components/project/create-project-modal.tsx b/apps/app/components/project/create-project-modal.tsx
index d9c6c24d3..ef34320fa 100644
--- a/apps/app/components/project/create-project-modal.tsx
+++ b/apps/app/components/project/create-project-modal.tsx
@@ -95,7 +95,6 @@ export const CreateProjectModal: React.FC<Props> = ({ isOpen, setIsOpen, user })
     setValue,
   } = useForm<IProject>({
     defaultValues,
-    mode: "all",
     reValidateMode: "onChange",
   });
 
@@ -298,8 +297,8 @@ export const CreateProjectModal: React.FC<Props> = ({ isOpen, setIsOpen, user })
                               message: "Identifier must at least be of 1 character",
                             },
                             maxLength: {
-                              value: 5,
-                              message: "Identifier must at most be of 5 characters",
+                              value: 12,
+                              message: "Identifier must at most be of 12 characters",
                             },
                           }}
                         />
diff --git a/apps/app/components/ui/dropdowns/custom-menu.tsx b/apps/app/components/ui/dropdowns/custom-menu.tsx
index 280bd6794..c451d4432 100644
--- a/apps/app/components/ui/dropdowns/custom-menu.tsx
+++ b/apps/app/components/ui/dropdowns/custom-menu.tsx
@@ -40,7 +40,7 @@ const CustomMenu = ({
     {({ open }) => (
       <>
         {customButton ? (
-          <Menu.Button as="button" onClick={menuButtonOnClick}>
+          <Menu.Button as="button" type="button" onClick={menuButtonOnClick}>
             {customButton}
           </Menu.Button>
         ) : (
diff --git a/apps/app/components/ui/dropdowns/custom-search-select.tsx b/apps/app/components/ui/dropdowns/custom-search-select.tsx
index 518bc5ab8..22f66626e 100644
--- a/apps/app/components/ui/dropdowns/custom-search-select.tsx
+++ b/apps/app/components/ui/dropdowns/custom-search-select.tsx
@@ -73,6 +73,7 @@ export const CustomSearchSelect = ({
             <Combobox.Button as="div">{customButton}</Combobox.Button>
           ) : (
             <Combobox.Button
+              type="button"
               className={`flex items-center justify-between gap-1 w-full rounded-md shadow-sm border border-custom-border-300 duration-300 focus:outline-none ${
                 input ? "px-3 py-2 text-sm" : "px-2.5 py-1 text-xs"
               } ${
diff --git a/apps/app/components/ui/dropdowns/custom-select.tsx b/apps/app/components/ui/dropdowns/custom-select.tsx
index f29020127..4e495a210 100644
--- a/apps/app/components/ui/dropdowns/custom-select.tsx
+++ b/apps/app/components/ui/dropdowns/custom-select.tsx
@@ -44,6 +44,7 @@ const CustomSelect = ({
         <Listbox.Button as="div">{customButton}</Listbox.Button>
       ) : (
         <Listbox.Button
+          type="button"
           className={`flex items-center justify-between gap-1 w-full rounded-md border border-custom-border-300 shadow-sm duration-300 focus:outline-none ${
             input ? "px-3 py-2 text-sm" : "px-2.5 py-1 text-xs"
           } ${