diff --git a/src/renderer/components/dock/create-resource.store.ts b/src/renderer/components/dock/create-resource.store.ts
index 8ecc66ea60..62124d823b 100644
--- a/src/renderer/components/dock/create-resource.store.ts
+++ b/src/renderer/components/dock/create-resource.store.ts
@@ -119,6 +119,10 @@ export class CreateResourceStore extends DockTabStore<string> {
 
     return "";
   }
+
+  async refreshTemplates() {
+    await this.scanTemplates(this.userTemplatesFolder);
+  }
 }
 
 export const createResourceStore = new CreateResourceStore();
diff --git a/src/renderer/components/dock/create-resource.tsx b/src/renderer/components/dock/create-resource.tsx
index 1c49081ada..2a0ab5893d 100644
--- a/src/renderer/components/dock/create-resource.tsx
+++ b/src/renderer/components/dock/create-resource.tsx
@@ -96,6 +96,7 @@ export class CreateResourceInfoPanel extends React.Component<Props> {
     return (
       <div className="flex gaps align-center">
         <Select
+          onMenuOpen={() => createResourceStore.refreshTemplates()} // scan user templates
           autoConvertOptions={false}
           controlShouldRenderValue={false} // always keep initial placeholder
           className="SelectResourceTemplate"
@@ -113,10 +114,11 @@ export class CreateResourceInfoPanel extends React.Component<Props> {
     return Object.entries(createResourceStore.templateGroups).map(([sourceFolder, group]) => {
       return {
         label: group.label,
-        options: Object.entries(group.templates).map(([filePath]) => {
+        options: Object.entries(group.templates).map(([filePath, content]) => {
           return {
             label: filePath,
             value: { filePath, sourceFolder },
+            content,
           };
         }),
       };