fix(search): Fix SearchBar styles & update StoryBook stories for custom styles for notchedOutline class

Signed-off-by: Carlos Esteban Lopez <lcarlosesteb@vmware.com>

plugins/search-react/src/components/SearchBar/SearchBar.stories.tsx

@@ -92,7 +92,7 @@ const useStyles = makeStyles({
     borderRadius: '50px',
     margin: 'auto',
   },
-  notchedOutline: {
+  searchBarOutline: {
     borderStyle: 'none',
   },
 });
@@ -102,7 +102,7 @@ export const CustomStyles = () => {
   return (
     <Paper className={classes.search}>
       <SearchBar
-        InputProps={{ classes: { notchedOutline: classes.notchedOutline } }}
+        InputProps={{ classes: { notchedOutline: classes.searchBarOutline } }}
       />
     </Paper>
   );

plugins/search-react/src/components/SearchBar/SearchBar.tsx

@@ -178,6 +178,7 @@ export const SearchBarBase: ForwardRefExoticComponent<SearchBarBaseProps> =
             fullWidth={fullWidth}
             onChange={handleChange}
             onKeyDown={handleKeyDown}
+            style={{ margin: 0 }}
             {...rest}
           />
         </TrackSearch>