From 6954f275a8140cdbbff93dc2907e1a3b2e411d37 Mon Sep 17 00:00:00 2001
From: Kathryn Beaty <kathryn.beaty@voxmedia.com>
Date: Tue, 19 Dec 2023 13:50:17 -0500
Subject: [PATCH] add margin to pagin select textarea; on enter nothing happens

---
 .../admin/components/PaginatedSelect/PaginatedSelect.css    | 2 ++
 .../admin/components/PaginatedSelect/PaginatedSelect.tsx    | 6 ++++++
 2 files changed, 8 insertions(+)

diff --git a/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.css b/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.css
index 08e43a4239..dba57f16de 100644
--- a/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.css
+++ b/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.css
@@ -34,6 +34,8 @@
   height: 100%;
   width: auto;
   overflow: hidden;
+  margin-left: var(--spacing-1);
+  margin-right: var(--spacing-1);
 }
 
 .filterInput > textarea {
diff --git a/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.tsx b/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.tsx
index 8e493c6dac..9f08ca2de3 100644
--- a/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.tsx
+++ b/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.tsx
@@ -117,6 +117,12 @@ const PaginatedSelect: FunctionComponent<Props> = ({
               >
                 <TextArea
                   className={styles.filterInput}
+                  onKeyDown={(e) => {
+                    // We don't want blank lines to be added in input
+                    if (e.key === "Enter") {
+                      e.preventDefault();
+                    }
+                  }}
                   onChange={(e) => onFilter(e.target.value)}
                   ref={filterRef}
                   aria-label="Filter results"