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" }