diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 435ec625a..1abfc3d42 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -200,6 +200,11 @@ export default {
     &.show .modal-dialog {
         transform: translateY(0);
     }
+    @include media-breakpoint-up(md) {
+        &.fade {
+            transition: opacity 0.25s linear;
+        }
+    }
 }
 body {
     .modal-backdrop {