From 9d103ffbeb856262cffaa4f6ec8e019901bc2afb Mon Sep 17 00:00:00 2001
From: cmeng <cmenginnz@gmail.com>
Date: Fri, 27 Jan 2023 09:18:48 +1300
Subject: [PATCH] fix(UI): EE-4937 low resolution hides add container button
 (#8401)

---
 app/react/components/datatables/SearchBar.tsx                   | 2 +-
 .../portainer/HomeView/EnvironmentList/EnvironmentList.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/react/components/datatables/SearchBar.tsx b/app/react/components/datatables/SearchBar.tsx
index 6f27c5e92..7370e9d1d 100644
--- a/app/react/components/datatables/SearchBar.tsx
+++ b/app/react/components/datatables/SearchBar.tsx
@@ -32,7 +32,7 @@ export function SearchBar({
 
   return (
     <div
-      className={clsx('searchBar items-center flex min-w-[350px]', className)}
+      className={clsx('searchBar items-center flex min-w-[90px]', className)}
     >
       <Search className="searchIcon lucide shrink-0" />
       <input
diff --git a/app/react/portainer/HomeView/EnvironmentList/EnvironmentList.tsx b/app/react/portainer/HomeView/EnvironmentList/EnvironmentList.tsx
index 2f5d8e069..579fba385 100644
--- a/app/react/portainer/HomeView/EnvironmentList/EnvironmentList.tsx
+++ b/app/react/portainer/HomeView/EnvironmentList/EnvironmentList.tsx
@@ -155,7 +155,7 @@ export function EnvironmentList({ onClickBrowse, onRefresh }: Props) {
           >
             <div className="flex gap-4">
               <SearchBar
-                className="!bg-transparent !m-0"
+                className="!bg-transparent !m-0 !min-w-[350px]"
                 value={searchBarValue}
                 onChange={setSearchBarValue}
                 placeholder="Search by name, group, tag, status, URL..."