From f37932b892171bb056d77161432ecd14d76b8074 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Tue, 31 Mar 2020 12:24:32 +0100
Subject: [PATCH] fix(ui): add border around grid swimlane

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

diff --git a/ui/src/Components/Grid/AlertGrid/Grid.js b/ui/src/Components/Grid/AlertGrid/Grid.js
index 5485e7bc5..3b009690f 100644
--- a/ui/src/Components/Grid/AlertGrid/Grid.js
+++ b/ui/src/Components/Grid/AlertGrid/Grid.js
@@ -161,7 +161,7 @@ const Grid = observer(
       return (
         <React.Fragment>
           {alertStore.data.grids.length > 1 && (
-            <h5 className="components-grid-swimlane d-flex flex-row justify-content-between rounded px-2 py-1 mx-1 mt-2 mb-0">
+            <h5 className="components-grid-swimlane d-flex flex-row justify-content-between rounded px-2 py-1 mt-2 mb-0 border border-dark">
               <span className="flex-shrink-0 flex-grow-0 ml-0 mr-2">
                 <FilteringCounterBadge
                   name="@state"
diff --git a/ui/src/Styles/Components/AlertGrid.scss b/ui/src/Styles/Components/AlertGrid.scss
index 7455f0395..9fc81be12 100644
--- a/ui/src/Styles/Components/AlertGrid.scss
+++ b/ui/src/Styles/Components/AlertGrid.scss
@@ -9,4 +9,6 @@
 
 .components-grid-swimlane {
   background-color: $grid-swimlane-bg;
+  margin-left: 0.3rem;
+  margin-right: 0.3rem;
 }