From 04dac84d63d88b9c16c0db5fce87e52b01a5fd20 Mon Sep 17 00:00:00 2001
From: Wojciech Mista <wojciech.mista@saleor.io>
Date: Tue, 28 Sep 2021 12:46:34 +0200
Subject: [PATCH] Add margin to notification box (#1436)

* Add margin to notification box

* Code fix
---
 src/components/messages/styles.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/messages/styles.ts b/src/components/messages/styles.ts
index 6116f08e7..7073e40e2 100644
--- a/src/components/messages/styles.ts
+++ b/src/components/messages/styles.ts
@@ -1,7 +1,7 @@
 import { makeStyles } from "@saleor/macaw-ui";
 
 export const useStyles = makeStyles(
-  () => ({
+  theme => ({
     container: {
       display: "grid",
       gridTemplateRows: "repeat(auto-fill, minmax(90px, 1fr))",
@@ -16,7 +16,8 @@ export const useStyles = makeStyles(
     notification: {
       // Parent container has disabled pointer events so we need to turn them on
       // for action and timer pausing to work
-      pointerEvents: "all"
+      pointerEvents: "all",
+      margin: theme.spacing(2)
     }
   }),
   { name: "MessageManager" }