From 101af6a66d426ec5ea42e82507502e3a31d50ad6 Mon Sep 17 00:00:00 2001 From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com> Date: Thu, 6 Jan 2022 14:43:45 +0100 Subject: [PATCH] [v8.3.x] Input: Fix margins when not using prefix/suffix (#43759) Co-authored-by: Giordano Ricci --- packages/grafana-ui/src/components/Input/Input.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/grafana-ui/src/components/Input/Input.tsx b/packages/grafana-ui/src/components/Input/Input.tsx index 2830cb114cb..4f2eb4664b2 100644 --- a/packages/grafana-ui/src/components/Input/Input.tsx +++ b/packages/grafana-ui/src/components/Input/Input.tsx @@ -58,8 +58,8 @@ export const Input = React.forwardRef((props, ref) => { className={styles.input} {...restProps} style={{ - paddingLeft: prefixRect ? prefixRect.width + 12 : undefined, - paddingRight: suffixRect && (suffix || loading) ? suffixRect.width + 12 : undefined, + paddingLeft: prefix ? prefixRect.width + 12 : undefined, + paddingRight: suffix || loading ? suffixRect.width + 12 : undefined, }} />