1 files changed, 9 insertions, 2 deletions
diff --git a/application/components/modal.vue b/application/components/modal.vue
index 2eb5bf3..65d10f2 100644
--- a/application/components/modal.vue
+++ b/application/components/modal.vue
@@ -8,7 +8,9 @@ export default {
 <template>
   <teleport to="body">
     <div class="wrapper">
-      <slot />
+      <div class="content">
+        <slot />
+      </div>
     </div>
   </teleport>
 </template>
@@ -16,12 +18,17 @@ export default {
 <style scoped>
 .wrapper {
   position: absolute;
+  top: 0;
+  left: 0;
   width: 100vw;
   height: 100vh;
-  background-color: rgba(0, 0, 0, 0.75);
+  background-color: rgba(0, 0, 0, 0.25);
   z-index: 100;
   display: flex;
   justify-content: center;
   align-items: center;
 }
+.content {
+  display: block;
+}
 </style>
 \ No newline at end of file