diff --git a/client/src/Components/FilterHeader/index.jsx b/client/src/Components/FilterHeader/index.jsx
index 5327dcd02..36dd04081 100644
--- a/client/src/Components/FilterHeader/index.jsx
+++ b/client/src/Components/FilterHeader/index.jsx
@@ -37,12 +37,6 @@ const FilterHeader = ({ header, options, value, onChange, multiple = true }) =>
 				displayEmpty
 				value={controlledValue}
 				onChange={onChange}
-				sx={{
-					"& .MuiSelect-select": {
-						display: "flex",
-						alignItems: "center",
-					},
-				}}
 				renderValue={(selected) => {
 					if (!selected?.length) {
 						return header;
diff --git a/client/src/Utils/Theme/globalTheme.js b/client/src/Utils/Theme/globalTheme.js
index ce58153ec..bda415c90 100644
--- a/client/src/Utils/Theme/globalTheme.js
+++ b/client/src/Utils/Theme/globalTheme.js
@@ -564,6 +564,10 @@ const baseTheme = (palette) => ({
 					"& .MuiSelect-icon": {
 						color: theme.palette.primary.contrastTextSecondary, // Dropdown + color
 					},
+					"& .MuiSelect-select": {
+						display: "flex",
+						alignItems: "center",
+					},
 					"&:hover": {
 						backgroundColor: theme.palette.primary.main, // Background on hover
 					},