diff --git a/src/components/modals/Modal.vue b/src/components/modals/Modal.vue
index 5145640..fde2c3f 100644
--- a/src/components/modals/Modal.vue
+++ b/src/components/modals/Modal.vue
@@ -119,6 +119,8 @@ export default {
   max-height: 100%;
   display: flex;
   align-content: center;
+  align-items: center;
+  justify-content: safe center;
 }
 
 .modal-fade-enter,
diff --git a/src/components/modals/ReferenceModal.vue b/src/components/modals/ReferenceModal.vue
index 9999a30..25a9c3a 100644
--- a/src/components/modals/ReferenceModal.vue
+++ b/src/components/modals/ReferenceModal.vue
@@ -214,6 +214,7 @@ ul {
     }
   }
   &.legend {
+    width: 100%;
     font-weight: bold;
     height: 20px;
     margin-top: 10px;