diff --git a/web/components/issues/form.tsx b/web/components/issues/form.tsx
index b54ce1121..2c9fb4eab 100644
--- a/web/components/issues/form.tsx
+++ b/web/components/issues/form.tsx
@@ -272,9 +272,13 @@ export const IssueForm: FC<IssueFormProps> = observer((props) => {
               <Controller
                 control={control}
                 name="project"
-                render={({ field: { value, onChange } }) => (
+                rules={{
+                  required: true,
+                }}
+                render={({ field: { value, onChange }, fieldState: { error } }) => (
                   <IssueProjectSelect
                     value={value}
+                    error={error}
                     onChange={(val: string) => {
                       onChange(val);
                       setActiveProject(val);
diff --git a/web/components/issues/select/project.tsx b/web/components/issues/select/project.tsx
index 08f245b14..ad55471ce 100644
--- a/web/components/issues/select/project.tsx
+++ b/web/components/issues/select/project.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import { useRouter } from "next/router";
 import { observer } from "mobx-react-lite";
+import type { FieldError } from "react-hook-form";
 // mobx store
 import { useMobxStore } from "lib/mobx/store-provider";
 // popper js
@@ -15,6 +16,7 @@ import { Check, Clipboard, Search } from "lucide-react";
 export interface IssueProjectSelectProps {
   value: string;
   onChange: (value: string) => void;
+  error?: FieldError;
 }
 
 export const IssueProjectSelect: React.FC<IssueProjectSelectProps> = observer((props) => {