diff --git a/client/src/Pages/Infrastructure/Monitors/Components/Filters/index.jsx b/client/src/Pages/Infrastructure/Monitors/Components/Filters/index.jsx
index 47c55e1b8..a2d82613c 100644
--- a/client/src/Pages/Infrastructure/Monitors/Components/Filters/index.jsx
+++ b/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}
diff --git a/client/src/Pages/Infrastructure/Monitors/index.jsx b/client/src/Pages/Infrastructure/Monitors/index.jsx
index 85a5ad254..221e0a67e 100644
--- a/client/src/Pages/Infrastructure/Monitors/index.jsx
+++ b/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}