diff --git a/_layouts/update.html b/_layouts/update.html
index 514c49a..60405c0 100644
--- a/_layouts/update.html
+++ b/_layouts/update.html
@@ -23,7 +23,7 @@
     <div class="wrapper content-and-side-content">
         <div>
             <a class="button back" href="{{'updates' | absolute_url}}" title="Back to All Updates">
-                <span class="material-icons">arrow_back</span> Back</a>
+                <span class="material-icons">arrow_back</span>Back</a>
             <header>
                 <div>
                     <h1>{{page.title}}</h1>
diff --git a/deliverables.html b/deliverables.html
index eaf988a..a41cff0 100644
--- a/deliverables.html
+++ b/deliverables.html
@@ -28,14 +28,16 @@ <h1><span class="material-icons">sports_score</span>Deliverables</h1>
                     quality of activities and deliverables</td>
                 <td><a class="button"
                        href="/static/files/deliverables/SYCLOPS-D1.1_ProjectManagementQualityAndRiskPlan_20230331.pdf"
-                       target="_blank">Download Report</a></td>
+                       target="_blank"><span class="material-icons">cloud_download</span>Download Report</a>
+                </td>
             </tr>
             <tr>
                 <td>D1.2</td>
                 <td>Describes mechanisms to handle data created or generated during the project.</td>
                 <td><a class="button"
                        href="/static/files/deliverables/SYCLOPS-D1.2_v0.1_DataManagementPlan_20230805.pdf"
-                       target="_blank">Download Report</a></td>
+                       target="_blank"><span class="material-icons">cloud_download</span>Download Report</a>
+                </td>
             </tr>
             <tr>
                 <td>D2.1</td>
@@ -43,14 +45,16 @@ <h1><span class="material-icons">sports_score</span>Deliverables</h1>
                     interface definitions</td>
                 <td><a class="button"
                        href="/static/files/deliverables/SYCLOPS-D2.1_ArchitectureInterfaceBenchmarkSpec_20230805.pdf"
-                       target="_blank">Download Report</a></td>
+                       target="_blank"><span class="material-icons">cloud_download</span>Download Report</a>
+                </td>
             </tr>
             <tr>
                 <td>D6.1</td>
                 <td> Communication, Networking and Dissemination Plan and Activities</td>
                 <td><a class="button"
                        href="/static/files/deliverables/SYCLOPS_D6.1_Dissemination_and_communication_20230331.pdf"
-                       target="_blank">Download Report</a></td>
+                       target="_blank"><span class="material-icons">cloud_download</span>Download Report</a>
+                </td>
             </tr>
             </tbody>
         </table>
diff --git a/static/css/styled.scss b/static/css/styled.scss
index a82b6e2..17e7797 100644
--- a/static/css/styled.scss
+++ b/static/css/styled.scss
@@ -64,19 +64,24 @@ body {
     button, .button {
         padding: 1rem;
         font-size: 1rem;
-        border: 0;
         background-color: var(--hint-color);
         color: white;
         border-radius: 6px;
         cursor: pointer;
         opacity: .8;
         transition: .1s all;
-        display: block;
+        display: inline-flex;
+        align-items: center;
 
         &:hover {
             opacity: 1;
             transform: scale(1.05);
         }
+
+        span {
+            vertical-align: middle;
+            margin-right: .4rem;
+        }
     }
 
     section {
@@ -811,10 +816,6 @@ body {
     .update-elements {
         .button.back {
             display: inline-flex;
-            align-items: center;
-            padding: 1rem;
-            border: #ccc 1px solid;
-            border-radius: 6px;
         }
     }