From 9e6c1b925dae6f95ff8c0598bf10101856469f25 Mon Sep 17 00:00:00 2001
From: Iris Scholten <ischolten.is@gmail.com>
Date: Wed, 20 Feb 2019 13:44:11 -0800
Subject: [PATCH] fix(ui): Update the label preview to be shorter

---
 CHANGELOG.md                                          | 1 +
 ui/src/configuration/components/LabelOverlayForm.scss | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5c9dd01912c..aab10242a57 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@
 1. [11997](https://github.com/influxdata/influxdb/pull/11997): Update the bucket retention policy to update the time in seconds
 
 ### UI Improvements
+1. [12016](https://github.com/influxdata/influxdb/pull/12016): Update the preview in the label overlays to be shorter
 
 ## v2.0.0-alpha.3 [2019-02-15]
 
diff --git a/ui/src/configuration/components/LabelOverlayForm.scss b/ui/src/configuration/components/LabelOverlayForm.scss
index 37df9c45e56..dd31e0f6bb7 100644
--- a/ui/src/configuration/components/LabelOverlayForm.scss
+++ b/ui/src/configuration/components/LabelOverlayForm.scss
@@ -8,9 +8,10 @@
 .label-overlay--preview {
   display: flex;
   justify-content: center;
+  height: 50px;
 
   > .label {
-    margin: $ix-marg-d 0;
+    margin: $ix-marg-a 0;
   }
 }