diff --git a/html/translate.html b/html/translate.html
index 64e438742..faca89e91 100644
--- a/html/translate.html
+++ b/html/translate.html
@@ -24,11 +24,11 @@
 <table class="translator">
 <tr>
 <th class="source">{% trans "Source" %}</th>
-<th>{% if unit.is_plural %}{% trans "Translations" %}{% else %}{% trans "Translation" %}{% endif %}<th>
+<td class="translatetext">{{ unit.source|fmttranslation }}</td>
 </tr>
 <tr>
-<td class="translatetext">{{ unit.source|fmttranslation }}</td>
-<td>
+<th>{% if unit.is_plural %}{% trans "Translations" %}{% else %}{% trans "Translation" %}{% endif %}</th>
+<td class="translator">
 {{ form.checksum }}
 {{ form.target }}
 <br />
diff --git a/media/css/style.css b/media/css/style.css
index 01eb7ba90..33442d862 100644
--- a/media/css/style.css
+++ b/media/css/style.css
@@ -27,10 +27,6 @@ ul.footer li{
 ul.footer a{
     color:#333;
 }
-table.translator th.source {
-    width: 30em;
-    max-width: 50%;
-}
 h1 {
     padding: 0.5em;
     margin: 0;
@@ -65,3 +61,11 @@ ul.breadcums li {
     width: 20px;
     height: 20px;
 }
+td.translator {
+    width: 60em;
+    max-width: 50%;
+}
+td.translator textarea {
+    width: 100%
+}
+