diff --git a/web/ee/components/project-overview/details/main/info-section/description-box.tsx b/web/ee/components/project-overview/details/main/info-section/description-box.tsx
index ec72258154..1771ec548f 100644
--- a/web/ee/components/project-overview/details/main/info-section/description-box.tsx
+++ b/web/ee/components/project-overview/details/main/info-section/description-box.tsx
@@ -1,4 +1,6 @@
+"use client";
 import { useState } from "react";
+import { observer } from "mobx-react";
 import { useUser } from "@/hooks/store";
 import { TProject } from "@/plane-web/types";
 import { Actions } from "./actions";
@@ -12,7 +14,7 @@ type TProps = {
   toggleLinkModalOpen: (value: boolean) => void;
   disabled?: boolean;
 };
-export const DescriptionBox = (props: TProps) => {
+export const DescriptionBox = observer((props: TProps) => {
   const { workspaceSlug, project, handleProjectUpdate, toggleLinkModalOpen, disabled = false } = props;
   const [isSubmitting, setIsSubmitting] = useState<"submitting" | "submitted" | "saved">("saved");
 
@@ -36,4 +38,4 @@ export const DescriptionBox = (props: TProps) => {
       </div>
     </div>
   );
-};
+});
diff --git a/web/ee/components/project-overview/details/main/info-section/description-input.tsx b/web/ee/components/project-overview/details/main/info-section/description-input.tsx
index 2cc0fd95e7..49572a8d23 100644
--- a/web/ee/components/project-overview/details/main/info-section/description-input.tsx
+++ b/web/ee/components/project-overview/details/main/info-section/description-input.tsx
@@ -96,7 +96,7 @@ export const ProjectDescriptionInput: FC<ProjectDescriptionInputProps> = observe
             <RichTextEditor
               id={project.id}
               initialValue={initialValue ?? ""}
-              value={swrProjectDescription ?? null}
+              value={project?.description_html ?? null}
               workspaceSlug={workspaceSlug}
               workspaceId={workspaceId}
               projectId={project.id}