From 130451ade067a4e4da3fec9b9ac528f2c9eb423d Mon Sep 17 00:00:00 2001
From: Arsalan Yaldram <arsalanyaldram0211@outlook.com>
Date: Thu, 23 Jun 2022 23:42:24 +0530
Subject: [PATCH] fix: show cancel button on left pane resize (#14531)

---
 app/client/src/components/editorComponents/Sidebar.tsx  | 2 +-
 app/client/src/pages/Editor/Explorer/ExplorerSearch.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/client/src/components/editorComponents/Sidebar.tsx b/app/client/src/components/editorComponents/Sidebar.tsx
index 56b78ec0f3..637cbb72c6 100644
--- a/app/client/src/components/editorComponents/Sidebar.tsx
+++ b/app/client/src/components/editorComponents/Sidebar.tsx
@@ -156,7 +156,7 @@ export const EntityExplorerSidebar = memo((props: Props) => {
     >
       {/* SIDEBAR */}
       <div
-        className="flex flex-col p-0 bg-white t--sidebar min-w-48 max-w-96 group"
+        className="flex flex-col p-0 bg-white t--sidebar min-w-52 max-w-96 group"
         ref={sidebarRef}
         style={{ width: props.width }}
       >
diff --git a/app/client/src/pages/Editor/Explorer/ExplorerSearch.tsx b/app/client/src/pages/Editor/Explorer/ExplorerSearch.tsx
index f2323a46ba..845d25d24a 100644
--- a/app/client/src/pages/Editor/Explorer/ExplorerSearch.tsx
+++ b/app/client/src/pages/Editor/Explorer/ExplorerSearch.tsx
@@ -55,10 +55,10 @@ export const ExplorerSearch = forwardRef(
       >
         <div
           className={classNames({
-            "flex px-3 items-center space-x-2": true,
+            "flex px-3 items-center": true,
           })}
         >
-          <SearchIcon className="box-content w-3 h-3 p-1" />
+          <SearchIcon className="box-content w-3 h-3 mr-3" />
           <input
             autoComplete="off"
             autoFocus
@@ -72,7 +72,7 @@ export const ExplorerSearch = forwardRef(
             type="text"
           />
           {value && (
-            <button className="p-1 hover:bg-trueGray-200" onClick={onClear}>
+            <button className="mr-1  hover:bg-trueGray-200" onClick={onClear}>
               <CrossIcon className="w-3 h-3 text-trueGray-100" />
             </button>
           )}