From 46611fdf7705f4dbab41fe8848511e28d2d3ea1a Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Wed, 12 Apr 2023 04:09:04 +0200
Subject: [PATCH] make routing form full width (#8215)

---
 .../components/FormInputFields.tsx            | 46 +++++++++----------
 1 file changed, 22 insertions(+), 24 deletions(-)

diff --git a/packages/app-store/routing-forms/components/FormInputFields.tsx b/packages/app-store/routing-forms/components/FormInputFields.tsx
index ac688838e1..ea37718d72 100644
--- a/packages/app-store/routing-forms/components/FormInputFields.tsx
+++ b/packages/app-store/routing-forms/components/FormInputFields.tsx
@@ -44,30 +44,28 @@ export default function FormInputFields(props: Props) {
                 {field.label}
               </label>
             </div>
-            <div className="flex rounded-sm">
-              <Component
-                value={response[field.id]?.value}
-                placeholder={field.placeholder ?? ""}
-                // required property isn't accepted by query-builder types
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                /* @ts-ignore */
-                required={!!field.required}
-                listValues={options}
-                data-testid="form-field"
-                setValue={(value) => {
-                  setResponse((response) => {
-                    response = response || {};
-                    return {
-                      ...response,
-                      [field.id]: {
-                        label: field.label,
-                        value,
-                      },
-                    };
-                  });
-                }}
-              />
-            </div>
+            <Component
+              value={response[field.id]?.value}
+              placeholder={field.placeholder ?? ""}
+              // required property isn't accepted by query-builder types
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              /* @ts-ignore */
+              required={!!field.required}
+              listValues={options}
+              data-testid="form-field"
+              setValue={(value) => {
+                setResponse((response) => {
+                  response = response || {};
+                  return {
+                    ...response,
+                    [field.id]: {
+                      label: field.label,
+                      value,
+                    },
+                  };
+                });
+              }}
+            />
           </div>
         );
       })}