diff --git a/src/components/ItemTableFilter/ItemTableFilter.js b/src/components/ItemTableFilter/ItemTableFilter.js
index 68f9d56..82e631a 100644
--- a/src/components/ItemTableFilter/ItemTableFilter.js
+++ b/src/components/ItemTableFilter/ItemTableFilter.js
@@ -1,19 +1,35 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { TextField } from "@material-ui/core";
+import { TextField, makeStyles } from "@material-ui/core";
+import { pink, purple } from '@material-ui/core/colors';
 
 export default function ItemTableFilter({ label, onChange }) {
 
+  const useStyles = makeStyles({
+
+    labelRoot: {
+      fontSize: 14,
+    },
+
+  },
+  );
+  
+  const classes = useStyles();
+
   return (
     <>
+
       <TextField
         label={label}
         onChange={onChange}
+        classes={{ root: classes.inputLabelStyles }}
+        InputLabelProps={{
+        classes: { root: classes.labelRoot, focused: classes.labelFocused }}}
         color="secondary"
         type="search"
         size="small"
         variant="outlined"
-        fullWidth
+
       />
     </>
   );