diff --git a/web/ui/react-app/src/pages/alerts/AlertContents.tsx b/web/ui/react-app/src/pages/alerts/AlertContents.tsx
index 5165eae5b..f96ae7523 100644
--- a/web/ui/react-app/src/pages/alerts/AlertContents.tsx
+++ b/web/ui/react-app/src/pages/alerts/AlertContents.tsx
@@ -63,7 +63,7 @@ const AlertsContent: FC<AlertsProps> = ({ groups = [], statsCount }) => {
           return (
             <Checkbox
               key={state}
-              wrapperStyles={{ marginRight: 10 }}
+              wrapperStyles={{ marginRight: 20 }}
               checked={filter[state]}
               id={`${state}-toggler`}
               onChange={toggleFilter(state)}
diff --git a/web/ui/react-app/src/pages/alerts/__snapshots__/AlertContents.test.tsx.snap b/web/ui/react-app/src/pages/alerts/__snapshots__/AlertContents.test.tsx.snap
index 307a724c4..ff0b72cf8 100644
--- a/web/ui/react-app/src/pages/alerts/__snapshots__/AlertContents.test.tsx.snap
+++ b/web/ui/react-app/src/pages/alerts/__snapshots__/AlertContents.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`AlertsContent matches a snapshot 1`] = `
       onChange={[Function]}
       wrapperStyles={
         Object {
-          "marginRight": 10,
+          "marginRight": 20,
         }
       }
     >
@@ -35,7 +35,7 @@ exports[`AlertsContent matches a snapshot 1`] = `
       onChange={[Function]}
       wrapperStyles={
         Object {
-          "marginRight": 10,
+          "marginRight": 20,
         }
       }
     >
@@ -58,7 +58,7 @@ exports[`AlertsContent matches a snapshot 1`] = `
       onChange={[Function]}
       wrapperStyles={
         Object {
-          "marginRight": 10,
+          "marginRight": 20,
         }
       }
     >