Changed TextField label font size to prevent overflowing parent

ECN · Nov 2, 2020 · 1a4c22b · 1a4c22b
1 parent d93ed18
commit 1a4c22b
Showing 1 changed file with 18 additions and 2 deletions.
diff --git 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
+
       />
     </>
   );