diff --git a/wrappers/wasm/demo/src/app/asymmetric/asymmetric.component.html b/wrappers/wasm/demo/src/app/asymmetric/asymmetric.component.html
index 498d5339..869c4137 100644
--- a/wrappers/wasm/demo/src/app/asymmetric/asymmetric.component.html
+++ b/wrappers/wasm/demo/src/app/asymmetric/asymmetric.component.html
@@ -55,7 +55,7 @@ <h1>Asymmetric</h1>
       <form [formGroup]="encryptAsymmetricForm" (ngSubmit)="encryptAsymmetric()">
         <div class="field">
           <label>Text</label>
-          <input type="text" formControlName="textToEncrypt" required placeholder="Enter text to encrypt">
+          <textarea rows="5" formControlName="textToEncrypt" required placeholder="Enter text to encrypt"></textarea>
         </div>
         <div class="field">
           <label>Public key</label>
diff --git a/wrappers/wasm/demo/src/app/derive-encrypt/derive-encrypt.component.html b/wrappers/wasm/demo/src/app/derive-encrypt/derive-encrypt.component.html
index ee77fb1c..c2490426 100644
--- a/wrappers/wasm/demo/src/app/derive-encrypt/derive-encrypt.component.html
+++ b/wrappers/wasm/demo/src/app/derive-encrypt/derive-encrypt.component.html
@@ -63,7 +63,7 @@ <h1>Derive and Encrypt</h1>
         <!-- Common inputs -->
         <div class="field">
           <label>Plaintext</label>
-          <input type="text" formControlName="plaintext" required placeholder="Enter text to encrypt">
+          <textarea rows="5" formControlName="plaintext" required placeholder="Enter text to encrypt"></textarea>
         </div>
         <div class="field">
           <label>Password</label>
diff --git a/wrappers/wasm/demo/src/app/encryption/encryption.component.html b/wrappers/wasm/demo/src/app/encryption/encryption.component.html
index be8869be..7083fcf6 100644
--- a/wrappers/wasm/demo/src/app/encryption/encryption.component.html
+++ b/wrappers/wasm/demo/src/app/encryption/encryption.component.html
@@ -17,7 +17,7 @@ <h1>Encryption / Decryption</h1>
       <form [formGroup]="encryptionForm" (ngSubmit)="encrypt()">
         <div class="field">
           <label>Text</label>
-          <input type="text" formControlName="encryptText" required placeholder="Enter text to encrypt">
+          <textarea rows="5" formControlName="encryptText" required placeholder="Enter text to encrypt"></textarea>
         </div>
         <div class="field">
           <label>Password</label>
diff --git a/wrappers/wasm/demo/src/app/secret-key-encryption/secret-key-encryption.component.html b/wrappers/wasm/demo/src/app/secret-key-encryption/secret-key-encryption.component.html
index c5e25acf..542e7719 100644
--- a/wrappers/wasm/demo/src/app/secret-key-encryption/secret-key-encryption.component.html
+++ b/wrappers/wasm/demo/src/app/secret-key-encryption/secret-key-encryption.component.html
@@ -32,7 +32,7 @@ <h1>Secret Key Encryption</h1>
       <form [formGroup]="encryptForm" (ngSubmit)="encrypt()">
         <div class="field">
           <label>Text</label>
-          <input type="text" formControlName="textToEncrypt" required placeholder="Enter text to encrypt">
+          <textarea rows="5" formControlName="textToEncrypt" required placeholder="Enter text to encrypt"></textarea>
         </div>
         <div class="field">
           <label>Secret key</label>
diff --git a/wrappers/wasm/demo/src/app/utilities/utilities.component.html b/wrappers/wasm/demo/src/app/utilities/utilities.component.html
index 842c3067..76ec788a 100644
--- a/wrappers/wasm/demo/src/app/utilities/utilities.component.html
+++ b/wrappers/wasm/demo/src/app/utilities/utilities.component.html
@@ -17,7 +17,7 @@ <h1>Utilities</h1>
       <form [formGroup]="encodeDecodeForm">
         <div class="field">
           <label>Text</label>
-          <input type="text" formControlName="enDecodeText" required placeholder="Enter text">
+          <textarea rows="5" formControlName="enDecodeText" required placeholder="Enter text"></textarea>
         </div>
         <div class="btn-row">
           <button type="button" class="btn btn-primary" (click)="encode()">Encode</button>