diff --git a/infrastructure/web/public/stylesheets/custom.css b/infrastructure/web/public/stylesheets/custom.css
index 96e8b9e..bec7440 100644
--- a/infrastructure/web/public/stylesheets/custom.css
+++ b/infrastructure/web/public/stylesheets/custom.css
@@ -6,7 +6,9 @@ body {
     min-height: 100vh;
     background-color: #131516;
     color: #cccccc;
+    overflow: hidden;
 }
+
 main {
     flex: 1; /* keep footer at the bottom */
 }
@@ -129,3 +131,8 @@ input, textarea, select, select:active, select:focus, select:hover {
     flex: 1;
     font-size: 1.3rem;
 }
+
+.mail_attachments {
+    width: 80%;
+    padding-left:10%
+}
diff --git a/infrastructure/web/views/mail.twig b/infrastructure/web/views/mail.twig
index a752e64..e38269c 100644
--- a/infrastructure/web/views/mail.twig
+++ b/infrastructure/web/views/mail.twig
@@ -44,7 +44,8 @@
         <div class="mail_body"></div>
     {% endif %}
     {% if mail.attachments %}
-    <div class="mail_attachments">
+    <div class="mail_attachments" >
+    <p>Download your attachments: (SoonTM) 
         {% for attachment in mail.attachments %}
             <a href="">📎 {{ attachment.filename }}</a>
             {#
@@ -53,6 +54,7 @@
                 very basic, like regular links look. maybe a paperclip icon
             #}
         {% endfor %}
+    </p>
 	</div>
     {% endif %}