diff --git a/src/main/resources/static/css/dark/style.css b/src/main/resources/static/css/dark/style.css
index e201d4a2d7dee1365b8454fada049c7aef1b1ce3..807ec54678debe16167d482021e808f7694ad402 100644
--- a/src/main/resources/static/css/dark/style.css
+++ b/src/main/resources/static/css/dark/style.css
@@ -620,6 +620,7 @@ input[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) +
     display: none;
 }
 
+/* large screens */
 @media all and (min-width: 960px) {
     .icon-budget {
         font-size: 4vmin !important;
@@ -639,6 +640,7 @@ input[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) +
     }
 }
 
+/* medium screens */
 @media all and (max-width: 959px) and (min-width: 600px) {
     .icon-budget {
         font-size: 5.5vmin !important;
@@ -652,8 +654,13 @@ input[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) +
     .budget {
         font-size: 3.5vmin;
     }
+
+    .template-header-name {
+        max-width: 40% !important;
+    }
 }
 
+/* small screens */
 @media all and (max-width: 599px) and (min-width: 320px) {
     .icon-budget {
         font-size: 6vmin !important;
@@ -671,6 +678,10 @@ input[type="radio"]:not(:checked) + span::before, [type="radio"]:not(:checked) +
     .container, .transaction-container {
         width: 100% !important;
     }
+
+    .template-header-name {
+        max-width: 40% !important;
+    }
 }
 
 .debug {
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index 123f416901a90e41a43f1bf99bc280a4920350c8..8a988dd3d872fc44588d62f39ac768d8ac8a81ea 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -535,6 +535,7 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
     display: none;
 }
 
+/* large screens */
 @media all and (min-width: 960px) {
     .icon-budget {
         font-size: 4vmin !important;
@@ -554,6 +555,7 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
     }
 }
 
+/* medium screens */
 @media all and (max-width: 959px) and (min-width: 600px) {
     .icon-budget {
         font-size: 5.5vmin !important;
@@ -567,8 +569,13 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
     .budget {
         font-size: 3.5vmin;
     }
+
+    .template-header-name {
+        max-width: 40% !important;
+    }
 }
 
+/* small screens */
 @media all and (max-width: 599px) and (min-width: 320px) {
     .icon-budget {
         font-size: 6vmin !important;
@@ -586,6 +593,10 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
     .container, .transaction-container {
         width: 100% !important;
     }
+
+    .template-header-name {
+        max-width: 40% !important;
+    }
 }
 
 .debug {