diff --git a/src/lib/components/notifications/Notification.component.tsx b/src/lib/components/notifications/Notification.component.tsx
index c18efc9a59..9b2cfd3d0b 100644
--- a/src/lib/components/notifications/Notification.component.tsx
+++ b/src/lib/components/notifications/Notification.component.tsx
@@ -36,14 +36,18 @@ const NotificationContainer = styled.div<{ variant?: Variant }>`
           background-color: ${background};
           color: ${black};
         `;
-
+      case undefined:
+        return css`
+          background-color: ${background};
+          color: ${props.theme.textPrimary};
+        `;
       default:
         return css`
           background-color: ${background};
           color: ${white};
         `;
     }
-  }}
+  }};
 `;
 const NotificationTitle = styled.div`
   padding: 0 ${spacing.r16} ${spacing.r4} 0;