TF-4 user management restyling

src/components/dashboard/user-management/index.jsx

@@ -82,13 +82,13 @@ function DashboardUserManagementComponent() {
         Cell: ({renderedCellValue}) => (<Typography variant="body2">{renderedCellValue}</Typography>),
         Header: ({column}) => <>{column.columnDef.header}</>,
         Filter: ({column}) => {
-            return (<Stack direction="row" spacing={2}>
+            return (<Stack mt={0.5} direction="row" spacing={2}>
                 <FormControl fullWidth>
                     <Select
                         variant={'standard'}
                         value={column.getFilterValue() ? column.getFilterValue() : 0}
                         onChange={(e) => column.setFilterValue(e.target.value)}
-                        sx={{color: column.getFilterValue() ? 'black' : "gray"}}
+                        sx={{color: column.getFilterValue() ? 'black' : "rgba(0, 0, 0, 0.4)"}}
                     >
                         <MenuItem disabled value={0}>
                             {t("Select.menu_item")}
@@ -105,7 +105,8 @@ function DashboardUserManagementComponent() {
                     }}
                     sx={{
                         color: column.getFilterValue() ? "rgba(0, 0, 0, 0.54)" : "#bfbfbf",
-                        height: 20
+                        marginTop: 7,
+                        height: 25
                     }}
                 >
                     <ClearIcon/>