From 5960eb46445ef4979a446f244cba79e8c38047b9 Mon Sep 17 00:00:00 2001
From: AlicjaSzu <alicja.szukuc@gmail.com>
Date: Mon, 29 Jun 2020 12:22:59 +0200
Subject: [PATCH] set notifications column width to widest element

---
 src/components/messages/index.ts  | 3 +++
 src/components/messages/styles.ts | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

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: {