From 3927f37fef85f0957c8263897d264a4b20135dc2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sat, 13 Jun 2020 16:00:48 +0100
Subject: [PATCH] fix(ui): keep swimlane labels in one row

---
 ui/src/Components/Grid/AlertGrid/Swimlane.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/src/Components/Grid/AlertGrid/Swimlane.js b/ui/src/Components/Grid/AlertGrid/Swimlane.js
index 4aac7025a..ede59bafa 100644
--- a/ui/src/Components/Grid/AlertGrid/Swimlane.js
+++ b/ui/src/Components/Grid/AlertGrid/Swimlane.js
@@ -20,10 +20,12 @@ const Swimlane = ({ alertStore, grid, isExpanded, onToggle }) => {
   return (
     <Fade in={context.animations.in} duration={context.animations.duration}>
       <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-1 flex-grow-1" style={{ minWidth: "0px" }}>
+        <span className="flex-shrink-0 flex-grow-0">
           <span className="badge components-label px-0 ml-1 mr-3">
             <FontAwesomeIcon icon={faTh} className="text-muted" />
           </span>
+        </span>
+        <span className="flex-shrink-1 flex-grow-1" style={{ minWidth: "0px" }}>
           {grid.labelName !== "" && grid.labelValue !== "" && (
             <FilteringLabel
               key={grid.labelValue}