Adjust text input line count and fix typo in demo text information

app.py

@@ -253,20 +253,13 @@ with gr.Blocks(title="Kokoro TTS Demo", css="""
                 label=None,
                 placeholder="Enter text here, select a chapter, or upload a .txt file",
                 value=initial_text,
-                lines=10,
+                lines=8,
                 show_label=False,
                 show_copy_button=True  # Add copy button for convenience
             )
-            label_html = gr.HTML(initial_label)
-            # Update label whenever text changes
-            text_input.change(
-                fn=update_text_label,
-                inputs=[text_input],
-                outputs=[label_html],
-                trigger_mode="always_last"
-            )
-
+            
             clear_btn = gr.Button("Clear Text", variant="secondary")
+            label_html = gr.HTML(initial_label)
             
             def clear_text():
                 return "", '<div class="token-label">Text to speak</div>'
@@ -276,6 +269,14 @@ with gr.Blocks(title="Kokoro TTS Demo", css="""
                 outputs=[text_input, label_html]
             )
             
+            # Update label whenever text changes
+            text_input.change(
+                fn=update_text_label,
+                inputs=[text_input],
+                outputs=[label_html],
+                trigger_mode="always_last"
+            )
+            
             def update_chapters(book_name):
                 if not book_name:
                     return gr.update(choices=[], value=None), "", '<div class="token-label">Text to speak</div>'

lib/ui_content.py

@@ -44,5 +44,5 @@ header_html = f"""
 
 # Markdown content for demo text info
 demo_text_info = """
-All input text is waas sourced as public domain.
+All input text was sourced as public domain.
 """