diff --git a/src/assets/styles.scss b/src/assets/styles.scss
index b81d79f..f40b888 100644
--- a/src/assets/styles.scss
+++ b/src/assets/styles.scss
@@ -133,3 +133,8 @@ html, body {
 .has-placeholder-shade-1::placeholder {
 	color: $shade-1;
 }
+
+.modal-close::before,
+.modal-close::after {
+	background-color: $white;
+}
\ No newline at end of file
diff --git a/src/components/MessageLink.vue b/src/components/MessageLink.vue
index 57cc9ce..f55cae4 100644
--- a/src/components/MessageLink.vue
+++ b/src/components/MessageLink.vue
@@ -14,7 +14,7 @@
       <div class="modal-content image-container">
         <img :src="url" alt="">
       </div>
-      <button class="modal-close is-large" aria-label="close" @click="displayModal = false" />
+      <button class="modal-close is-large" aria-label="close" title="Close" @click="displayModal = false" />
     </div>
   </div>
 </template>