From 6c19704c03b20aa536f75768af572b2c0483842b Mon Sep 17 00:00:00 2001
From: Jorge Costa <jorge.costa@developer.pt>
Date: Thu, 18 Jul 2024 12:01:01 +0300
Subject: [PATCH] Remove hstack form search

---
 packages/dataviews/src/dataviews.tsx | 20 +++++++-------------
 packages/dataviews/src/search.tsx    |  1 +
 packages/dataviews/src/style.scss    |  4 ++++
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/packages/dataviews/src/dataviews.tsx b/packages/dataviews/src/dataviews.tsx
index 3c35d52034735..5c7694ad573d5 100644
--- a/packages/dataviews/src/dataviews.tsx
+++ b/packages/dataviews/src/dataviews.tsx
@@ -117,19 +117,13 @@ export default function DataViews< Item >( {
 				justify="start"
 				className="dataviews-filters__view-actions"
 			>
-				<HStack
-					justify="start"
-					className="dataviews-search__container"
-					wrap
-				>
-					{ search && (
-						<Search
-							label={ searchLabel }
-							view={ view }
-							onChangeView={ onChangeView }
-						/>
-					) }
-				</HStack>
+				{ search && (
+					<Search
+						label={ searchLabel }
+						view={ view }
+						onChangeView={ onChangeView }
+					/>
+				) }
 				{ [ LAYOUT_TABLE, LAYOUT_GRID ].includes( view.type ) &&
 					hasPossibleBulkAction && (
 						<BulkActions
diff --git a/packages/dataviews/src/search.tsx b/packages/dataviews/src/search.tsx
index 7929a9bd0eb3c..6ed1f37479ca4 100644
--- a/packages/dataviews/src/search.tsx
+++ b/packages/dataviews/src/search.tsx
@@ -44,6 +44,7 @@ const Search = memo( function Search( {
 	const searchLabel = label || __( 'Search' );
 	return (
 		<SearchControl
+			className="dataviews-search"
 			__nextHasNoMarginBottom
 			onChange={ setSearch }
 			value={ search }
diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
index 4335114a40176..3820ab4f0f014 100644
--- a/packages/dataviews/src/style.scss
+++ b/packages/dataviews/src/style.scss
@@ -972,3 +972,7 @@
 	outline: $border-width solid $white;
 	color: $white;
 }
+
+.dataviews-search {
+	width: 100%;
+}