diff --git a/Composer/packages/client/src/components/Notifications/NotificationCard.tsx b/Composer/packages/client/src/components/Notifications/NotificationCard.tsx
index cfb93a6f3d..698cc92edf 100644
--- a/Composer/packages/client/src/components/Notifications/NotificationCard.tsx
+++ b/Composer/packages/client/src/components/Notifications/NotificationCard.tsx
@@ -44,6 +44,7 @@ const cardContainer = (show: boolean, ref?: HTMLDivElement | null) => () => {
     animation-timing-function: ${show ? 'cubic-bezier(0.1, 0.9, 0.2, 1)' : 'linear'};
     animation-fill-mode: both;
     animation-name: ${show ? fadeIn : fadeOut(height)};
+    pointer-events: auto;
   `;
 };
 
diff --git a/Composer/packages/client/src/components/Notifications/NotificationContainer.tsx b/Composer/packages/client/src/components/Notifications/NotificationContainer.tsx
index 9f7c8dbf87..36e5c7dd71 100644
--- a/Composer/packages/client/src/components/Notifications/NotificationContainer.tsx
+++ b/Composer/packages/client/src/components/Notifications/NotificationContainer.tsx
@@ -22,6 +22,7 @@ const container = css`
   position: absolute;
   right: 0px;
   padding: 6px;
+  pointer-events: none;
 `;
 
 const layerStyles = { root: { zIndex: zIndices.notificationContainer } };