diff --git a/src/features/dashboard/templates/detail/overview/skeleton.tsx b/src/features/dashboard/templates/detail/overview/skeleton.tsx
index 40f49fbf8..f3ae0f5b7 100644
--- a/src/features/dashboard/templates/detail/overview/skeleton.tsx
+++ b/src/features/dashboard/templates/detail/overview/skeleton.tsx
@@ -5,7 +5,7 @@ export function TemplateOverviewSkeleton() {
   return (
     <div className="flex flex-col gap-8">
       <OverviewSection label="Template" divider={false}>
-        <div className="flex flex-wrap items-center justify-between gap-x-6 gap-y-2">
+        <div className="flex flex-col gap-1">
           <Skeleton className="h-8 w-40" />
           <Skeleton className="h-5 w-56" />
         </div>
diff --git a/src/features/dashboard/templates/detail/overview/template-section.tsx b/src/features/dashboard/templates/detail/overview/template-section.tsx
index e3882c326..ac2f19b47 100644
--- a/src/features/dashboard/templates/detail/overview/template-section.tsx
+++ b/src/features/dashboard/templates/detail/overview/template-section.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import type { ReactNode } from 'react'
+import type { CSSProperties, ReactNode } from 'react'
 import type { TemplateDetail } from '@/core/modules/templates/models'
 import { getTemplateDisplayName } from '@/features/dashboard/templates/helpers'
 import { useClipboard } from '@/lib/hooks/use-clipboard'
@@ -35,8 +35,11 @@ export function TemplateSection({ template, teamSlug }: TemplateSectionProps) {
 
   return (
     <OverviewSection label="Template" divider={false}>
-      <div className="flex flex-wrap items-center justify-between gap-x-6 gap-y-2">
-        <h2 className="prose-value-big font-mono uppercase tracking-tight break-all">
+      <div className="@container flex flex-col gap-1">
+        <h2
+          style={{ '--char-count': displayName.length } as CSSProperties}
+          className="prose-value-big-fit font-mono uppercase tracking-tight break-all"
+        >
           {displayName}
         </h2>
         <TemplateIdCopy templateID={template.templateID} />
diff --git a/src/styles/theme.css b/src/styles/theme.css
index 67d639654..197762e6f 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -591,6 +591,19 @@
   font-weight: 700 !important;
 }
 
+/* Scales a monospace value down by character count to fit its container's
+ * inline size, avoiding line wrap. Requires `--char-count` and a container
+ * query context (e.g. Tailwind's `@container`). 0.6 ≈ glyph advance per em. */
+@utility prose-value-big-fit {
+  font-size: clamp(
+    0.9375rem,
+    calc(100cqi / (var(--char-count, 1) * 0.6)),
+    2rem
+  ) !important;
+  line-height: 1.1 !important;
+  font-weight: 700 !important;
+}
+
 /* Loader utilities */
 @utility loader {
   display: inline-flex;