diff --git a/src/components/utilities/Modal.vue b/src/components/utilities/Modal.vue
index a2b3903..6c60736 100644
--- a/src/components/utilities/Modal.vue
+++ b/src/components/utilities/Modal.vue
@@ -102,6 +102,8 @@ onUnmounted(() => {
   display: flex;
   flex-direction: column;
   border-radius: 10px;
+  backdrop-filter: blur(5px);
+  box-shadow: 0 0 10px rgba($black, 0.5);
 
   .modal-header {
     cursor: move;