move default styles into components instead of searchpage

Signed-off-by: Emma Indal <emma.indahl@gmail.com>

packages/app/src/components/search/SearchPage.tsx

@@ -30,9 +30,6 @@ import { DocsResultListItem } from '@backstage/plugin-techdocs';
 import { SearchResultSet } from '@backstage/search-common';
 
 const useStyles = makeStyles((theme: Theme) => ({
-  bar: {
-    padding: theme.spacing(1, 0),
-  },
   filters: {
     padding: theme.spacing(2),
   },
@@ -100,9 +97,7 @@ const SearchPage = () => {
       <Content>
         <Grid container direction="row">
           <Grid item xs={12}>
-            <Paper className={classes.bar}>
-              <SearchBar debounceTime={100} />
-            </Paper>
+            <SearchBar debounceTime={100} />
           </Grid>
           <Grid item xs={3}>
             <Paper className={classes.filters}>
@@ -112,12 +107,10 @@ const SearchPage = () => {
                 defaultValue="software-catalog"
               />
               <SearchFilter.Select
-                className={classes.filter}
                 name="kind"
                 values={['Component', 'Template']}
               />
               <SearchFilter.Checkbox
-                className={classes.filter}
                 name="lifecycle"
                 values={['experimental', 'production']}
               />