From b9f6f209c8048b35fdaaf8c7c711275feed6b09f Mon Sep 17 00:00:00 2001
From: Jeremy Pople <jeremy@ethyca.com>
Date: Wed, 16 Oct 2024 03:08:31 -0500
Subject: [PATCH 1/2] visual fix for search input width on D&D tables

---
 .../src/features/data-discovery-and-detection/SearchInput.tsx   | 2 +-
 .../data-discovery-and-detection/tables/ActivityTable.tsx       | 2 +-
 .../tables/DetectionResultTable.tsx                             | 2 +-
 .../tables/DiscoveryResultTable.tsx                             | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/clients/admin-ui/src/features/data-discovery-and-detection/SearchInput.tsx b/clients/admin-ui/src/features/data-discovery-and-detection/SearchInput.tsx
index 746703da9c..bfa24cc3b5 100644
--- a/clients/admin-ui/src/features/data-discovery-and-detection/SearchInput.tsx
+++ b/clients/admin-ui/src/features/data-discovery-and-detection/SearchInput.tsx
@@ -29,7 +29,7 @@ export const SearchInput = ({ value, onChange }: SearchInputProps) => {
   };
 
   return (
-    <AntSpace.Compact>
+    <AntSpace.Compact className="w-[400px]">
       <AntInput
         value={currentInput}
         placeholder="Search..."
diff --git a/clients/admin-ui/src/features/data-discovery-and-detection/tables/ActivityTable.tsx b/clients/admin-ui/src/features/data-discovery-and-detection/tables/ActivityTable.tsx
index 136a53ebf2..0828ee9d2e 100644
--- a/clients/admin-ui/src/features/data-discovery-and-detection/tables/ActivityTable.tsx
+++ b/clients/admin-ui/src/features/data-discovery-and-detection/tables/ActivityTable.tsx
@@ -186,7 +186,7 @@ const ActivityTable = ({
     <>
       <TableActionBar>
         <Flex gap={6} align="center">
-          <Box w={400} flexShrink={0}>
+          <Box flexShrink={0}>
             <SearchInput value={searchQuery} onChange={setSearchQuery} />
           </Box>
           <IconLegendTooltip />
diff --git a/clients/admin-ui/src/features/data-discovery-and-detection/tables/DetectionResultTable.tsx b/clients/admin-ui/src/features/data-discovery-and-detection/tables/DetectionResultTable.tsx
index eae9d130d7..2fafa3b0fa 100644
--- a/clients/admin-ui/src/features/data-discovery-and-detection/tables/DetectionResultTable.tsx
+++ b/clients/admin-ui/src/features/data-discovery-and-detection/tables/DetectionResultTable.tsx
@@ -182,7 +182,7 @@ const DetectionResultTable = ({ resourceUrn }: MonitorResultTableProps) => {
           width="full"
         >
           <Flex gap={6} align="center">
-            <Box w={400} flexShrink={0}>
+            <Box flexShrink={0}>
               <SearchInput value={searchQuery} onChange={setSearchQuery} />
             </Box>
             <IconLegendTooltip />
diff --git a/clients/admin-ui/src/features/data-discovery-and-detection/tables/DiscoveryResultTable.tsx b/clients/admin-ui/src/features/data-discovery-and-detection/tables/DiscoveryResultTable.tsx
index 41ef6c67b1..866556d3f9 100644
--- a/clients/admin-ui/src/features/data-discovery-and-detection/tables/DiscoveryResultTable.tsx
+++ b/clients/admin-ui/src/features/data-discovery-and-detection/tables/DiscoveryResultTable.tsx
@@ -182,7 +182,7 @@ const DiscoveryResultTable = ({ resourceUrn }: MonitorResultTableProps) => {
       />
       <TableActionBar>
         <Flex gap={6} align="center">
-          <Box w={400} flexShrink={0}>
+          <Box flexShrink={0}>
             <SearchInput value={searchQuery} onChange={setSearchQuery} />
           </Box>
           <IconLegendTooltip />

From 611c9a0c9f8820e95723fbc344394dc1b402667b Mon Sep 17 00:00:00 2001
From: Jeremy Pople <jeremy@ethyca.com>
Date: Wed, 16 Oct 2024 14:32:15 -0500
Subject: [PATCH 2/2] change to use Tailwind class

---
 .../src/features/data-discovery-and-detection/SearchInput.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/clients/admin-ui/src/features/data-discovery-and-detection/SearchInput.tsx b/clients/admin-ui/src/features/data-discovery-and-detection/SearchInput.tsx
index bfa24cc3b5..ddfb20a5eb 100644
--- a/clients/admin-ui/src/features/data-discovery-and-detection/SearchInput.tsx
+++ b/clients/admin-ui/src/features/data-discovery-and-detection/SearchInput.tsx
@@ -29,7 +29,7 @@ export const SearchInput = ({ value, onChange }: SearchInputProps) => {
   };
 
   return (
-    <AntSpace.Compact className="w-[400px]">
+    <AntSpace.Compact className="w-96">
       <AntInput
         value={currentInput}
         placeholder="Search..."