Unify report styles

1 files changed, 3 insertions, 3 deletions

diff --git a/modern/src/reports/components/ColumnSelect.js b/modern/src/reports/components/ColumnSelect.js
index d708c3d7..09932ee3 100644
--- a/modern/src/reports/components/ColumnSelect.js
+++ b/modern/src/reports/components/ColumnSelect.js
@@ -3,16 +3,16 @@ import {
   FormControl, InputLabel, MenuItem, Select,
 } from '@mui/material';
 import { useTranslation } from '../../common/components/LocalizationProvider';
-import { useFilterStyles } from './ReportFilter';
+import useReportStyles from '../common/useReportStyles';
 
 const ColumnSelect = ({
   columns, setColumns, columnsArray, columnsObject,
 }) => {
-  const classes = useFilterStyles();
+  const classes = useReportStyles();
   const t = useTranslation();
 
   return (
-    <div className={classes.item}>
+    <div className={classes.filterItem}>
       <FormControl fullWidth>
         <InputLabel>{t('sharedColumns')}</InputLabel>
         <Select