From 4694b50d4e0a9abd15fa10731fc2af9d001248c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Wed, 25 Dec 2019 20:59:17 +0000
Subject: [PATCH] chore(ui): increase grid grutter

---
 ui/src/Components/Grid/AlertGrid/AlertGroup/index.js | 2 +-
 ui/src/Styles/Components/AlertGroup.scss             | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
index f90dc113b..a945e67df 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
@@ -207,7 +207,7 @@ const AlertGroup = observer(
       return (
         <MountFade in={true}>
           <div
-            className="components-grid-alertgrid-alertgroup p-1"
+            className="components-grid-alertgrid-alertgroup"
             style={{ ...style, ...extraStyle }}
           >
             <div className={`card ${cardBackgroundClass}`}>
diff --git a/ui/src/Styles/Components/AlertGroup.scss b/ui/src/Styles/Components/AlertGroup.scss
index 674876a0a..e8136f84a 100644
--- a/ui/src/Styles/Components/AlertGroup.scss
+++ b/ui/src/Styles/Components/AlertGroup.scss
@@ -1,3 +1,7 @@
+.components-grid-alertgrid-alertgroup {
+  padding: 0.3rem;
+}
+
 .components-grid-alertgrid-alertgroup-shared-silence {
   border-width: 3px;
   border-style: solid;