diff --git a/web/src/layout/package/chartTemplates/Template.module.css b/web/src/layout/package/chartTemplates/Template.module.css
index 5948286b9..f8bfcdba4 100644
--- a/web/src/layout/package/chartTemplates/Template.module.css
+++ b/web/src/layout/package/chartTemplates/Template.module.css
@@ -18,6 +18,11 @@
   animation: blinker 1s linear 1;
 }
 
+.definedTemplate {
+  max-width: 480px;
+  min-width: 350px;
+}
+
 @keyframes blinker {
   50% {
     opacity: 1;
diff --git a/web/src/layout/package/chartTemplates/Template.tsx b/web/src/layout/package/chartTemplates/Template.tsx
index b5311091b..c2764bd70 100644
--- a/web/src/layout/package/chartTemplates/Template.tsx
+++ b/web/src/layout/package/chartTemplates/Template.tsx
@@ -193,7 +193,7 @@ const Template = (props: Props) => {
             element={<span className={`${styles.tmplDefinedTemplate}  ${styles[`${effective}Theme`]}`}>{word}</span>}
             info={
               <div className="d-flex flex-column p-2">
-                <div className="text-nowrap">
+                <div className={styles.definedTemplate}>
                   Template defined in <span className="fw-bold">{templateInHelper.template}</span> line{' '}
                   <span className="fw-bold">{templateInHelper.line}</span>
                 </div>