feat: remove padding from search results

2 files changed, 5 insertions, 1 deletions

diff --git a/src/components/Header/SearchBar.tsx b/src/components/Header/SearchBar.tsx
index 253e77f..ba0943b 100644
--- a/src/components/Header/SearchBar.tsx
+++ b/src/components/Header/SearchBar.tsx
@@ -31,6 +31,9 @@ const useStyles = makeStyles(theme => ({
     position: 'absolute',
     width: '100%',
     top: theme.spacing(5)
+  },
+  listItem: {
+    padding: 0
   }
 }));
 
@@ -77,7 +80,7 @@ const SearchBar: React.FC = () => {
           {
           results.map((result, index) => (
             <div key={result._id}>
-              <ListItem button onClick={handleNavigate(index)}>
+              <ListItem button onClick={handleNavigate(index)} className={classes.listItem}>
                 <UserStrip user={result} />
               </ListItem>
               {(index < results.length - 1) && <Divider />}
diff --git a/src/hooks/useNavigate.tsx b/src/hooks/useNavigate.tsx
index befc529..47de4df 100644
--- a/src/hooks/useNavigate.tsx
+++ b/src/hooks/useNavigate.tsx
@@ -24,6 +24,7 @@ const useProvideNavigation = () => {
 
   const navigate: ContextType['navigate'] = (prefix, id?) => {
     setPage({ prefix, id });
+    window.scrollTo(0, 0);
   };
 
   return { page, setPage, navigate };