diff --git a/components/common/Overlay/index.module.scss b/components/common/Overlay/index.module.scss
index 9824efce..b8282ca9 100644
--- a/components/common/Overlay/index.module.scss
+++ b/components/common/Overlay/index.module.scss
@@ -18,4 +18,14 @@
     backdrop-filter: blur(5px) saturate(100%) brightness(80%) opacity(0);
     background: rgba(0, 0, 0, 0.6);
   }
+
+  @keyframes fadeInFilter {
+    from {
+      backdrop-filter: blur(5px) saturate(100%) brightness(80%) opacity(0);
+    }
+
+    to {
+      backdrop-filter: blur(5px) saturate(100%) brightness(80%) opacity(1);
+    }
+  }
 }