diff --git a/src/components/contacts/contacts-components/Sidebar.tsx b/src/components/contacts/contacts-components/Sidebar.tsx
index 811b282..47cf766 100644
--- a/src/components/contacts/contacts-components/Sidebar.tsx
+++ b/src/components/contacts/contacts-components/Sidebar.tsx
@@ -27,8 +27,15 @@ const Sidebar: React.FC = () => {
   const favorites = useAppSelector((state) =>
     selectUsers(state, favoritesUuids)
   );
+  let filteredFavorites = favorites.filter((favorite) =>
+    favorite.name.toLowerCase().includes(inputText.toLowerCase())
+  );
+
   const teamUuids = useAppSelector(selectTeam);
   const team = useAppSelector((state) => selectUsers(state, teamUuids));
+  let filteredTeam = team.filter((member) =>
+    member.name.toLowerCase().includes(inputText.toLowerCase())
+  );
 
   return (
     <Drawer
@@ -55,42 +62,36 @@ const Sidebar: React.FC = () => {
             }}
           />
         </ListItem>
-        
-        
+
         <Divider />
         <ListItemButton onClick={() => setFavoritesOpen(!favoritesOpen)}>
           {favoritesOpen ? <ExpandLess /> : <ExpandMore />}
           <ListItemText primary="Favorites" sx={{ textAlign: "center" }} />
           <ListItemText
-            primary={favorites.length}
+            primary={filteredFavorites.length}
             sx={{ textAlign: "right" }}
           />
         </ListItemButton>
         <Collapse in={favoritesOpen} timeout="auto" unmountOnExit>
           <List disablePadding>
-            {
-              favorites.filter(favorite => (
-                favorite.name.toLowerCase().slice(0, inputText.length) == inputText.toLowerCase().slice(0, inputText.length)
-              )).map((favorite, i) => (
-                <ContactItem contactInfo={favorite} key={i} />
-              ))
-            }
+            {filteredFavorites.map((favorite, i) => (
+              <ContactItem contactInfo={favorite} key={i} />
+            ))}
           </List>
         </Collapse>
         <ListItemButton onClick={() => setTeamOpen(!teamOpen)}>
           {teamOpen ? <ExpandLess /> : <ExpandMore />}
           <ListItemText primary="Team" sx={{ textAlign: "center" }} />
-          <ListItemText primary={team.length} sx={{ textAlign: "right" }} />
+          <ListItemText
+            primary={filteredTeam.length}
+            sx={{ textAlign: "right" }}
+          />
         </ListItemButton>
         <Collapse in={teamOpen} timeout="auto" unmountOnExit>
           <List disablePadding>
-            {
-              team.filter(member => (
-                member.name.toLowerCase().slice(0, inputText.length) == inputText.toLowerCase().slice(0, inputText.length)
-              )).map((member, i) => (
-                <ContactItem contactInfo={member} key={i} />
-              ))
-            }
+            {filteredTeam.map((member, i) => (
+              <ContactItem contactInfo={member} key={i} />
+            ))}
           </List>
         </Collapse>
       </List>