diff --git a/src/components/messages/index.ts b/src/components/messages/index.ts index 5bd306c5b..9e98a4d2c 100644 --- a/src/components/messages/index.ts +++ b/src/components/messages/index.ts @@ -14,6 +14,9 @@ export interface IMessage { export const notificationOptions = { containerStyle: { + display: "grid", + gridTemplateRows: "repeat(auto-fill, minmax(90px, 1fr)", + justifyContent: "end", zIndex: 1200 }, diff --git a/src/components/messages/styles.ts b/src/components/messages/styles.ts index 434daa9c0..2375c0a5c 100644 --- a/src/components/messages/styles.ts +++ b/src/components/messages/styles.ts @@ -148,7 +148,7 @@ export const useStyles = makeStyles( }, borderRadius: 4, paddingBottom: 15, - paddingRight: 40, + paddingRight: 45, position: "relative" }, snackbarContainer: {