From 78f5c1e5be7dde162a933e1837b7a24ef9db98e9 Mon Sep 17 00:00:00 2001
From: Lauren Davidson <32903719+1aurend@users.noreply.github.com>
Date: Mon, 5 Feb 2024 08:52:15 -0800
Subject: [PATCH] [B] Fix spacing of vertical list filters

---
 .../list/EntitiesList/List/Search/index.js     | 18 +++++++++++-------
 .../backend/listEntity/entityListSearch.js     |  5 +++++
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/client/src/backend/components/list/EntitiesList/List/Search/index.js b/client/src/backend/components/list/EntitiesList/List/Search/index.js
index 931334498b..b4e1048c07 100644
--- a/client/src/backend/components/list/EntitiesList/List/Search/index.js
+++ b/client/src/backend/components/list/EntitiesList/List/Search/index.js
@@ -230,8 +230,6 @@ class ListEntitiesListSearch extends PureComponent {
                       )}
                     >
                       {this.filterParams.map((param, i) => {
-                        const SelectLabel =
-                          i > 0 ? Styled.EmptySelectLabel : Styled.SelectLabel;
                         return (
                           <div
                             key={i}
@@ -240,11 +238,17 @@ class ListEntitiesListSearch extends PureComponent {
                             )}
                           >
                             <div>
-                              <SelectLabel>
-                                {i === 0
-                                  ? t("filters.labels.filter_results")
-                                  : "\u00A0"}
-                              </SelectLabel>
+                              {i === 0 ? (
+                                <Styled.SelectLabel>
+                                  {t("filters.labels.filter_results")}
+                                </Styled.SelectLabel>
+                              ) : (
+                                this.searchStyle === "horizontal" && (
+                                  <Styled.EmptySelectLabel>
+                                    {"\u00A0"}
+                                  </Styled.EmptySelectLabel>
+                                )
+                              )}
                               <div className="rel">
                                 <label
                                   htmlFor={`${id}-filter-${i}`}
diff --git a/client/src/theme/styles/components/backend/listEntity/entityListSearch.js b/client/src/theme/styles/components/backend/listEntity/entityListSearch.js
index eb7bb951b2..99e48d0e13 100644
--- a/client/src/theme/styles/components/backend/listEntity/entityListSearch.js
+++ b/client/src/theme/styles/components/backend/listEntity/entityListSearch.js
@@ -74,6 +74,7 @@ export default `
       &--vertical {
         display: block;
         margin: 0;
+        padding-block-start: 30px;
       }
     }
 
@@ -92,6 +93,10 @@ export default `
           }
           padding-top: 30px;
         }
+
+        & + & {
+          margin-block-start: 30px;
+        }
       }
 
       ${respond(`flex: 0 0 33.333%;`, 60)}