diff --git a/apps/admin/app/dashboard/subscribe/template-preview.tsx b/apps/admin/app/dashboard/subscribe/template-preview.tsx
index 4e18fde..35354ac 100644
--- a/apps/admin/app/dashboard/subscribe/template-preview.tsx
+++ b/apps/admin/app/dashboard/subscribe/template-preview.tsx
@@ -93,6 +93,7 @@ export function TemplatePreview({ applicationId, output_format }: TemplatePrevie
               title={t('title')}
               value={getDisplayContent()}
               language={mapLanguage(output_format)}
+              readOnly
             />
           )}
         </SheetContent>
diff --git a/packages/ui/src/custom-components/editor/monaco-editor.tsx b/packages/ui/src/custom-components/editor/monaco-editor.tsx
index 0b1a78c..bd6ef6a 100644
--- a/packages/ui/src/custom-components/editor/monaco-editor.tsx
+++ b/packages/ui/src/custom-components/editor/monaco-editor.tsx
@@ -21,6 +21,7 @@ export interface MonacoEditorProps {
   language?: string;
   className?: string;
   showLineNumbers?: boolean;
+  readOnly?: boolean;
 }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -45,6 +46,7 @@ export function MonacoEditor({
   language = 'markdown',
   className,
   showLineNumbers = false,
+  readOnly = false,
 }: MonacoEditorProps) {
   const [internalValue, setInternalValue] = useState<string | undefined>(propValue);
   const [isFullscreen, setIsFullscreen] = useState(false);
@@ -146,7 +148,7 @@ export function MonacoEditor({
                   },
                   tabSize: 2,
                   wordWrap: 'off',
-                  readOnly: !onChange,
+                  readOnly,
                 }}
                 theme='transparentTheme'
                 beforeMount={(monaco: Monaco) => {