diff --git a/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.html b/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.html
index af93679c..9dc446f1 100644
--- a/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.html
+++ b/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.html
@@ -138,7 +138,7 @@
 			<tbody></tbody>
 			<tr>
 				<td>{{ getEntropy(plainText).toFixed(3) }}</td>
-				<td>{{ plainText }}</td>
+				<td><input type="text" [(ngModel)]="plainText" (ngModelChange)="encrypt(plainText)" /></td>
 			</tr>
 			<tr>
 				<td>{{ getEntropy(simpleCipheredText).toFixed(3) }}</td>
diff --git a/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.scss b/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.scss
index 9ce5229a..92c07aa0 100644
--- a/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.scss
+++ b/src/app/features/shared/components/ui/static-pages/ciphering/ciphering.component.scss
@@ -26,12 +26,17 @@
 	margin-top: 1em;
 }
 
+table {
+	width: 100%;
+	display: block;
+}
 .entropy {
 	.limited-text {
 		max-width: 50% !important;
-		overflow: scroll;
+		overflow-x: hidden;
 		text-overflow: ellipsis;
-		height: 2em;
+		height: 4em;
+		padding: 1em;
 		display: block;
 	}
 }