diff --git a/src/components/Modal.vue b/src/components/Modal.vue
index e66a809..c51fc37 100644
--- a/src/components/Modal.vue
+++ b/src/components/Modal.vue
@@ -48,9 +48,8 @@ useEventListener('keyup', e => {
 </template>
 
 <style scoped lang="postcss">
-
 .fade-enter-from, .fade-leave-to {
-  opacity: 0;
+    @apply opacity-0;
 }
 
 .fade-enter-active, .fade-leave-active {