From 644dddce4f692c1116cb83e92debad50852d40ca Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Fri, 22 Mar 2024 15:12:19 -0400
Subject: [PATCH] =?UTF-8?q?[released=20bug]=20Fleet=20UI:=20standard=20que?=
 =?UTF-8?q?ry=20library=20platforms=20render=20prop=E2=80=A6=20(#17712)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 changes/17662-render-standard-query-platforms-correctly         | 1 +
 .../queries/edit/components/EditQueryForm/EditQueryForm.tsx     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 changes/17662-render-standard-query-platforms-correctly

diff --git a/changes/17662-render-standard-query-platforms-correctly b/changes/17662-render-standard-query-platforms-correctly
new file mode 100644
index 0000000000..c625264580
--- /dev/null
+++ b/changes/17662-render-standard-query-platforms-correctly
@@ -0,0 +1 @@
+- Fixes UI bug to render the query platform correctly for queries imported from the standard query library
diff --git a/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tsx b/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tsx
index e6ac26e7c2..c5b70d70a9 100644
--- a/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tsx
+++ b/frontend/pages/queries/edit/components/EditQueryForm/EditQueryForm.tsx
@@ -724,7 +724,7 @@ const EditQueryForm = ({
                     placeholder="Select"
                     label="Platform"
                     onChange={onChangeSelectPlatformOptions}
-                    value={lastEditedQueryPlatforms}
+                    value={lastEditedQueryPlatforms.replace(/\s/g, "")} // NOTE: FE requires no whitespace to render UI
                     multi
                     wrapperClassName={`${baseClass}__form-field form-field--platform`}
                     helpText="By default, your query collects data on all compatible platforms."