Merge pull request #2155 from Br0wnHammer/fix/fe/infra-page-ui

Fix: Infra Monitor Filter UI Position

client/src/Pages/Infrastructure/Monitors/Components/Filters/index.jsx

@@ -52,7 +52,12 @@ const Filter = ({
 	}, [selectedStatus]);
 
 	return (
-		<Box>
+		<Box
+		sx={{
+			m: theme.spacing(2),
+			ml: theme.spacing(4),
+		}}
+		>
 			<FilterHeader
 				header={t("status")}
 				options={statusOptions}

client/src/Pages/Infrastructure/Monitors/index.jsx

@@ -97,16 +97,18 @@ const InfrastructureMonitors = () => {
 				shouldRender={!isLoading}
 				path="/infrastructure/create"
 			/>
-			<MonitorCountHeader
-				shouldRender={!isLoading}
-				monitorCount={summary?.totalMonitors ?? 0}
-			/>
-			<Filter
-				selectedStatus={selectedStatus}
-				setSelectedStatus={setSelectedStatus}
-				setToFilterStatus={setToFilterStatus}
-				handleReset={handleReset}
-			/>
+			<Stack direction={"row"}>
+				<MonitorCountHeader
+					shouldRender={!isLoading}
+					monitorCount={summary?.totalMonitors ?? 0}
+				/>
+				<Filter
+					selectedStatus={selectedStatus}
+					setSelectedStatus={setSelectedStatus}
+					setToFilterStatus={setToFilterStatus}
+					handleReset={handleReset}
+				/>
+			</Stack>
 			<MonitorsTable
 				shouldRender={!isLoading}
 				monitors={monitors}