diff --git a/crates/frontend/public/assets/style.css b/crates/frontend/public/assets/style.css
index 48b14ba..2c2d46b 100644
--- a/crates/frontend/public/assets/style.css
+++ b/crates/frontend/public/assets/style.css
@@ -189,3 +189,7 @@ table {
     }
   }
 }
+
+textarea {
+  width: 100%;
+}
diff --git a/crates/frontend/public/templates/pages/calendar.html b/crates/frontend/public/templates/pages/calendar.html
index 455ba81..f27d4b4 100644
--- a/crates/frontend/public/templates/pages/calendar.html
+++ b/crates/frontend/public/templates/pages/calendar.html
@@ -26,7 +26,7 @@
 <p>{{ timezone_id }}</p>
 {% endif %}
 {% if let Some(timezone) = calendar.timezone %}
-<pre>{{ timezone }}</pre>
+<textarea rows="16" readonly>{{ timezone }}</textarea>
 {% endif %}