From f3d5a811b0ea067cb631825c5a154ef72551792a Mon Sep 17 00:00:00 2001
From: Alexander Klein <alexander.klein@logmein.com>
Date: Mon, 19 Jul 2021 11:09:31 +0200
Subject: [PATCH] style: increase sidebar search input hitbox

Increase the padding of the sidebar search input. Fixes linked issue.

refs #6529

Signed-off-by: Alexander Klein <x.klein.14@gmail.com>
Signed-off-by: Alexander Klein <alexander.klein@logmein.com>
---
 packages/core-components/src/layout/Sidebar/Items.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/core-components/src/layout/Sidebar/Items.tsx b/packages/core-components/src/layout/Sidebar/Items.tsx
index 28abbce53c..6fdf3d56dd 100644
--- a/packages/core-components/src/layout/Sidebar/Items.tsx
+++ b/packages/core-components/src/layout/Sidebar/Items.tsx
@@ -97,6 +97,9 @@ const useStyles = makeStyles<BackstageTheme>(theme => {
       fontWeight: 'bold',
       fontSize: theme.typography.fontSize,
     },
+    searchFieldHTMLInput: {
+      padding: '15px 0 17px',
+    },
     searchContainer: {
       width: drawerWidthOpen - iconContainerWidth,
     },
@@ -271,6 +274,9 @@ export const SidebarSearchField = (props: SidebarSearchFieldProps) => {
             disableUnderline: true,
             className: classes.searchField,
           }}
+          inputProps={{
+            className: classes.searchFieldHTMLInput,
+          }}
         />
       </SidebarItem>
     </div>