diff --git a/generator.html b/generator.html
index 5471c71..dfbe501 100644
--- a/generator.html
+++ b/generator.html
@@ -45,7 +45,7 @@
         background-color: var(--yellow);
         color: #fff;
         display: grid;
-        grid-template-columns: 1fr 1fr;
+        grid-template-columns: repeat(3, 1fr);
       }
 
       #text_target {
@@ -104,7 +104,7 @@ Treść komunikatu</textarea
         <div id="text_box">
           <p
             id="text_target"
-            style="font-size: calc(var(--scale) * 16px); padding: var(--padding);"
+            style="font-size: calc(var(--scale) * 16px); padding: var(--padding); grid-column: 1/3;"
           >
             Treść komunikatu
           </p>
@@ -117,6 +117,7 @@ Treść komunikatu</textarea
               width: calc(var(--scale) * 80px);
               padding-left: var(--padding);
               justify-self: flex-end;
+              grid-column: 3;
             "
           />
         </div>