From a3b37f5fb1f2202046b233e625b920d8f3e702e9 Mon Sep 17 00:00:00 2001
From: Russ <8377044+rdubrock@users.noreply.github.com>
Date: Wed, 11 Oct 2023 09:40:34 -0800
Subject: [PATCH] chore: make request target input wider

---
 src/components/MultiHttp/MultiHttpSettingsForm.styles.ts | 3 +++
 src/components/MultiHttp/MultiHttpSettingsForm.tsx       | 1 +
 2 files changed, 4 insertions(+)

diff --git a/src/components/MultiHttp/MultiHttpSettingsForm.styles.ts b/src/components/MultiHttp/MultiHttpSettingsForm.styles.ts
index 55cb8eedc..0fb7c6c01 100644
--- a/src/components/MultiHttp/MultiHttpSettingsForm.styles.ts
+++ b/src/components/MultiHttp/MultiHttpSettingsForm.styles.ts
@@ -51,4 +51,7 @@ export const getMultiHttpFormStyles = (theme: GrafanaTheme2) => ({
   form: css`
     width: 100%;
   `,
+  requestTargetInput: css`
+    min-width: ${theme.spacing(40)};
+  `,
 });
diff --git a/src/components/MultiHttp/MultiHttpSettingsForm.tsx b/src/components/MultiHttp/MultiHttpSettingsForm.tsx
index 616945775..1a88d75b3 100644
--- a/src/components/MultiHttp/MultiHttpSettingsForm.tsx
+++ b/src/components/MultiHttp/MultiHttpSettingsForm.tsx
@@ -217,6 +217,7 @@ export const MultiHttpSettingsForm = ({ checks, onReturn }: Props) => {
                             description="Full URL to send request to"
                             invalid={Boolean(errors?.settings?.multihttp?.entries?.[index]?.request?.url)}
                             error={errors?.settings?.multihttp?.entries?.[index]?.request?.url?.message}
+                            className={styles.requestTargetInput}
                           >
                             <Input
                               id={`request-target-url-${index}`}