Fix: Minor UI Fix in Filters

src/Components/FilterHeader/index.jsx

@@ -47,12 +47,26 @@ const FilterHeader = ({ header, options, value, onChange, multiple = true }) =>
 						.filter(Boolean)
 						.join(", ");
 				}}
+				MenuProps={{
+					anchorOrigin: {
+						vertical: "bottom",
+						horizontal: "left",
+					},
+					transformOrigin: {
+						vertical: "top",
+						horizontal: "left",
+					},
+				}}
 			>
 				{options.map((option) => (
 					<MenuItem
 						key={option.value}
 						value={option.value}
-					>
+						sx={{
+							height: theme.spacing(20),
+							padding: 0,
+						}}
+					>cd
 						<Checkbox
 							checked={controlledValue.includes(option.value)}
 							size="small"

src/locales/gb.json

@@ -62,6 +62,8 @@
   "settingsDisplayTimezone": "Display timezone",
   "settingsDisplayTimezoneDescription": "The timezone of the dashboard you publicly display.",
   "settingsAppearance": "Appearance",
+  "state": "State",
+  "reset": "Reset",
   "settingsAppearanceDescription": "Switch between light and dark mode, or change user interface language",
   "settingsThemeMode": "Theme Mode",
   "settingsLanguage": "Language",