From 35f1d0facbad4d56d3ce655a462c8e8e532d6929 Mon Sep 17 00:00:00 2001
From: kay delaney <45561153+kaydelaney@users.noreply.github.com>
Date: Thu, 16 Sep 2021 09:37:43 +0100
Subject: [PATCH] AdHocFilter: Adds min width to segment input (#39225)

Closes #38937
---
 public/app/features/variables/adhoc/picker/AdHocFilterKey.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/public/app/features/variables/adhoc/picker/AdHocFilterKey.tsx b/public/app/features/variables/adhoc/picker/AdHocFilterKey.tsx
index df82e824801..6259dc42473 100644
--- a/public/app/features/variables/adhoc/picker/AdHocFilterKey.tsx
+++ b/public/app/features/variables/adhoc/picker/AdHocFilterKey.tsx
@@ -9,6 +9,7 @@ interface Props {
   onChange: (item: SelectableValue<string | null>) => void;
 }
 
+const MIN_WIDTH = 90;
 export const AdHocFilterKey: FC<Props> = ({ datasource, onChange, filterKey }) => {
   const loadKeys = () => fetchFilterKeys(datasource);
   const loadKeysWithRemove = () => fetchFilterKeysWithRemove(datasource);
@@ -22,6 +23,7 @@ export const AdHocFilterKey: FC<Props> = ({ datasource, onChange, filterKey }) =
           value={filterKey}
           onChange={onChange}
           loadOptions={loadKeys}
+          inputMinWidth={MIN_WIDTH}
         />
       </div>
     );
@@ -34,6 +36,7 @@ export const AdHocFilterKey: FC<Props> = ({ datasource, onChange, filterKey }) =
         value={filterKey}
         onChange={onChange}
         loadOptions={loadKeysWithRemove}
+        inputMinWidth={MIN_WIDTH}
       />
     </div>
   );