From 1095c8aadcb0bf2645c94fb96ae1c703ce92bdc2 Mon Sep 17 00:00:00 2001
From: Miki <miki@amazon.com>
Date: Thu, 1 Feb 2024 20:20:53 -0800
Subject: [PATCH] Vertically align the text in QueryStringInputUI with other
 elements on the page (#5780)

Signed-off-by: Miki <miki@amazon.com>
---
 .../data/public/ui/query_string_input/_query_bar.scss        | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/plugins/data/public/ui/query_string_input/_query_bar.scss b/src/plugins/data/public/ui/query_string_input/_query_bar.scss
index 096c7c0ad8bc..c9eab29d9e2d 100644
--- a/src/plugins/data/public/ui/query_string_input/_query_bar.scss
+++ b/src/plugins/data/public/ui/query_string_input/_query_bar.scss
@@ -33,9 +33,8 @@
 
   // Unlike most inputs within layout control groups, the text area still needs a border.
   // These adjusts help it sit above the control groups shadow to line up correctly.
-  padding: $euiSizeS;
-  padding-top: $euiSizeS + 3px;
-  transform: translateY(-1px) translateX(-1px);
+  padding: ($euiSizeS + 2px) $euiSizeS $euiSizeS;
+  transform: translateY(-2px) translateX(-1px);
 
   &:not(:focus):not(:invalid) {
     @include euiYScrollWithShadows;