diff --git a/app/escriptorium/static/css/escriptorium.css b/app/escriptorium/static/css/escriptorium.css
index c62f0c4ef14601226711d231b3a6936d2c185d1c..707369a5e828da9129e0dec74b623e2afe13cdaa 100644
--- a/app/escriptorium/static/css/escriptorium.css
+++ b/app/escriptorium/static/css/escriptorium.css
@@ -480,7 +480,7 @@ i.panel-icon {
 } 
 
 #trans-input {
-width: 70px;
+width: 50px;
 height: 300px;
 margin: 5px;
 text-align: center; 
@@ -534,6 +534,9 @@ text-align: center;
     position: absolute;
 }
 
+#rotate_text {
+    rotate: -90 ;
+}
 .trans-box {
     position: absolute !important;
     background-color: transparent;
@@ -593,4 +596,5 @@ text-align: center;
 .arrange-horizontally > * {
     display: inline-block;
     text-align: center;    
-}
\ No newline at end of file
+}
+
diff --git a/app/escriptorium/templates/core/document_part_edit.html b/app/escriptorium/templates/core/document_part_edit.html
index fe89c886388d3cd57df47cf948b2aa5429d5afad..0b148572e0e7caec0ae54e615a51fc0fcfa99b56 100644
--- a/app/escriptorium/templates/core/document_part_edit.html
+++ b/app/escriptorium/templates/core/document_part_edit.html
@@ -347,7 +347,9 @@
                                           lengthAdjust="spacingAndGlyphs">
                                         <textPath v-bind:href="'#' + textPathId"
                                                   v-if="line.currentTrans">
-                                            ${line.currentTrans.content}
+                                            <tspan rotate= "-90">
+                                                ${line.currentTrans.content}
+                                            </tspan>
                                         </textPath>
                                     </text>
                                 </g>