diff --git a/apps/console/src/pages/organizations/documents/description/DocumentDescriptionPage.tsx b/apps/console/src/pages/organizations/documents/description/DocumentDescriptionPage.tsx
index a49d2c4e8..fe07586ab 100644
--- a/apps/console/src/pages/organizations/documents/description/DocumentDescriptionPage.tsx
+++ b/apps/console/src/pages/organizations/documents/description/DocumentDescriptionPage.tsx
@@ -31,6 +31,7 @@ export const documentDescriptionPageQuery = graphql`
       ... on DocumentVersion {
         id
         content
+        status
       }
     }
     document: node(id: $documentId) {
@@ -42,6 +43,7 @@ export const documentDescriptionPageQuery = graphql`
             node {
               id
               content
+              status
             }
           }
         }
@@ -118,6 +120,7 @@ export function DocumentDescriptionPage(props: { queryRef: PreloadedQuery<Docume
     <div>
       <RichEditor
         content={currentVersion.content}
+        disabled={currentVersion.status !== "DRAFT"}
         onChange={handleUpdate}
       />
       {/* <Markdown content={currentVersion.content} /> */}
diff --git a/packages/ui/src/RichEditor/RichEditor.tsx b/packages/ui/src/RichEditor/RichEditor.tsx
index 94fbad135..4471bc86c 100644
--- a/packages/ui/src/RichEditor/RichEditor.tsx
+++ b/packages/ui/src/RichEditor/RichEditor.tsx
@@ -79,13 +79,15 @@ function MenuButton({ label, active, onClick }: MenuButtonProps) {
 
 interface RichEditorProps {
   content: string;
+  disabled?: boolean;
   onChange: (content: string) => void;
 }
 
 export function RichEditor(props: RichEditorProps) {
-  const { content, onChange } = props;
+  const { content, disabled = false, onChange } = props;
 
   const editor = useEditor({
+    editable: !disabled,
     extensions,
     content: (content ? JSON.parse(content) : "") as Content,
   });