diff --git a/src/sass/views/_write.scss b/src/sass/views/_write.scss
index 221b5d2..36b589f 100644
--- a/src/sass/views/_write.scss
+++ b/src/sass/views/_write.scss
@@ -82,6 +82,11 @@
             font-family: monospace;
             color: $color-grey-light;
             word-wrap: break-word;
+            transition: opacity 0.5s;
+        }
+
+        .invisible {
+            opacity: 0;
         }
     }
 
diff --git a/src/tpl/write.html b/src/tpl/write.html
index 7d2ec2d..0300f76 100644
--- a/src/tpl/write.html
+++ b/src/tpl/write.html
@@ -29,7 +29,7 @@
       <div class="body">
         <p ng-model="body" contentEditable="true" ng-change="updatePreview()" tabindex="4" focus-me="state.writer.open && writerTitle === 'Reply'"></p>
 
-        <div class="encrypt-preview">
+        <div class="encrypt-preview" ng-class="{'invisible': !body}">
           <p>-----BEGIN ENCRYPTED PREVIEW-----<br>{{ciphertextPreview}}<br>-----END ENCRYPTED PREVIEW-----</p>
           <br>
           <p>{{signature}}</p>