diff --git a/README.md b/README.md
index fb4ca2d..bb1b2e4 100644
--- a/README.md
+++ b/README.md
@@ -51,4 +51,5 @@
 - [ ] use dtoRequest for PutProjects
 - [ ] render avatarlist after UserModal Update
 - [x] Form validators
-- [ ] Azure
+- [x] Azure
+- [ ] Refactor TabPanels code
diff --git a/client/src/components/FilterBar.tsx b/client/src/components/FilterBar.tsx
index c42c1be..bae32cb 100644
--- a/client/src/components/FilterBar.tsx
+++ b/client/src/components/FilterBar.tsx
@@ -16,22 +16,25 @@ const useStyles = makeStyles((theme: Theme) =>
     root: {
       "& > *": {
         margin: theme.spacing(1),
-        width: "25ch"
-      }
+        width: "25ch",
+      },
     },
     margin: {
-      margin: theme.spacing(1)
-    }
+      margin: theme.spacing(1),
+    },
+    filter: {
+      backgroundColor: "#fff",
+    },
   })
 );
 
 export const FilterBar: FC<IProps> = ({
   filterText,
-  handleChange
+  handleChange,
   // clearFilterText
 }) => {
   const { url } = useRouteMatch();
-  const placeholder: string = url.split("/")[3] || "users";
+  const placeholder: string = url.split("/")[3] || "elements";
   const classes = useStyles();
   return (
     <div className={classes.margin}>
@@ -44,6 +47,8 @@ export const FilterBar: FC<IProps> = ({
             size="small"
             value={filterText}
             onChange={handleChange}
+            color="primary"
+            className={classes.filter}
           />
         </Grid>
       </Grid>