diff --git a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
index 6120656d..1445d7ee 100644
--- a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
+++ b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml
@@ -57,11 +57,22 @@
             <div class="dd-card-preview">
                 <h6 class="uppercase">Digital Data</h6>
                 <h2>signFlow</h2>
+                @if (!isReadOnly)
+                {
                 <button type="button" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
                     <span class="material-symbols-outlined">
                         share
                     </span>
                 </button>
+                }
+                else
+                {
+                <button type="button" data-bs-toggle="modal" id="btn-download" data-bs-target="#staticBackdrop">
+                    <span class="material-symbols-outlined">
+                            content_copy
+                    </span>
+                </button>
+                }
             </div>
             <div class="dd-card-info">
                 <div class="logo">
@@ -103,7 +114,8 @@
             </div>
         </div>
     </div>
-
+    @if (!isReadOnly)
+    {
     <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
         <div class="modal-dialog">
             <div class="modal-content">
@@ -131,15 +143,17 @@
             </div>
         </div>
     </div>
-
+    }
     <div id='app'></div>
 </div>
+@if (!isReadOnly)
+{
 <script nonce="@nonce">
     document.getElementById('readonly-send').addEventListener('click', async () => {
         const receiverMail = document.getElementById('readonly-receiver-mail').value;
         const dateValid = document.getElementById('readonly-date-valid').value;
 
-        await shareEnvelope(receiverMail, dateValid)
+        shareEnvelope(receiverMail, dateValid)
             .then(res => {
                 console.log(res)
             })
@@ -147,7 +161,17 @@
                 console.log(err)
             })
     });
-
+</script>
+}
+else
+{
+<script nonce="@nonce">
+    document.getElementById('btn-download').addEventListener('click', async () => {
+        alert("foo")
+    });
+</script>
+}
+<script nonce="@nonce">
     const collapseNav = () => {
         document.addEventListener('click', function (event) {
             var navbarToggle = document.getElementById('navbarToggleExternalContent');