diff --git a/components/OgImage/Default.vue b/components/OgImage/Default.vue
index 8391d946..d705cdd2 100644
--- a/components/OgImage/Default.vue
+++ b/components/OgImage/Default.vue
@@ -89,7 +89,7 @@ defineProps<OgProps>();
 					</h1>
 				</div>
 				<div v-if="publishedAt" class="flex">
-					<div class="text-xl text-slate-500">
+					<div class="text-xl text-slate-500 line-clamp-2">
 						{{ publishedAt }}
 					</div>
 				</div>
diff --git a/utils/og.ts b/utils/og.ts
index 60770edd..245f821b 100644
--- a/utils/og.ts
+++ b/utils/og.ts
@@ -55,6 +55,18 @@ export function getOgProps(baseUrl: string, collection: string, item = {} as any
 			};
 		}
 
+		case 'templates': {
+			return {
+				...props,
+				title: item.name ?? 'Directus Template',
+				imageUrl: `${baseUrl}/${item.image?.id}?format=jpeg&width=800`,
+				badgeLabel: 'Directus Template',
+				publishedAt: item.description,
+				authorName: userName(item.creator),
+				authorImage: `${baseUrl}/${item.creator?.avatar}?format=jpeg&width=800`,
+			};
+		}
+
 		default:
 			return props;
 	}