diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_auto_refresh.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_auto_refresh.tsx
index 174a3b11a9ce9..475d652848326 100644
--- a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_auto_refresh.tsx
+++ b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_auto_refresh.tsx
@@ -17,10 +17,6 @@ interface RulesListAutoRefreshProps {
   onRefresh: () => void;
 }
 
-const flexGroupStyle = {
-  marginLeft: 'auto',
-};
-
 const getLastUpdateText = (lastUpdate: string) => {
   if (!moment(lastUpdate).isValid()) {
     return '';
@@ -104,8 +100,13 @@ export const RulesListAutoRefresh = (props: RulesListAutoRefreshProps) => {
   );
 
   return (
-    <EuiFlexGroup data-test-subj="rulesListAutoRefresh" alignItems="center">
-      <EuiFlexItem grow={false} style={flexGroupStyle}>
+    <EuiFlexGroup
+      data-test-subj="rulesListAutoRefresh"
+      alignItems="center"
+      gutterSize="s"
+      responsive={false}
+    >
+      <EuiFlexItem grow={false}>
         <EuiText data-test-subj="rulesListAutoRefresh-lastUpdateText" size="s" color="subdued">
           {lastUpdateText}
         </EuiText>
diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_filters_bar.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_filters_bar.tsx
index efcd1b78f6240..120c71ed37bfa 100644
--- a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_filters_bar.tsx
+++ b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_filters_bar.tsx
@@ -212,40 +212,48 @@ export const RulesListFiltersBar = React.memo((props: RulesListFiltersBarProps)
         </EuiFlexItem>
       </EuiFlexGroup>
       <EuiSpacer size="m" />
-      <EuiFlexGroup alignItems="center" justifyContent="spaceBetween">
+      <EuiFlexGroup alignItems="center" justifyContent="spaceBetween" gutterSize="m" wrap>
+        <EuiFlexItem grow={false}>
+          <RulesListStatuses
+            rulesStatuses={rulesStatusesTotal}
+            rulesLastRunOutcomes={rulesLastRunOutcomesTotal}
+          />
+        </EuiFlexItem>
         <EuiFlexItem>
-          <EuiFlexGroup alignItems="center" gutterSize="none">
-            <RulesListStatuses
-              rulesStatuses={rulesStatusesTotal}
-              rulesLastRunOutcomes={rulesLastRunOutcomesTotal}
-            />
-            <RulesListAutoRefresh lastUpdate={lastUpdate} onRefresh={onRefreshRules} />
+          <EuiFlexGroup alignItems="center" justifyContent="flexEnd" gutterSize="m" wrap>
+            <EuiFlexItem grow={false}>
+              <RulesListAutoRefresh lastUpdate={lastUpdate} onRefresh={onRefreshRules} />
+            </EuiFlexItem>
+            {rulesStatusesTotal.error > 0 && (
+              <EuiFlexItem grow={false}>
+                <EuiLink
+                  data-test-subj="expandRulesError"
+                  color="primary"
+                  onClick={onToggleRuleErrors}
+                >
+                  {!showErrors && (
+                    <FormattedMessage
+                      id="xpack.triggersActionsUI.sections.rulesList.showAllErrors"
+                      defaultMessage="Show {totalStatusesError, plural, one {error} other {errors}}"
+                      values={{
+                        totalStatusesError: rulesStatusesTotal.error,
+                      }}
+                    />
+                  )}
+                  {showErrors && (
+                    <FormattedMessage
+                      id="xpack.triggersActionsUI.sections.rulesList.hideAllErrors"
+                      defaultMessage="Hide {totalStatusesError, plural, one {error} other {errors}}"
+                      values={{
+                        totalStatusesError: rulesStatusesTotal.error,
+                      }}
+                    />
+                  )}
+                </EuiLink>
+              </EuiFlexItem>
+            )}
           </EuiFlexGroup>
         </EuiFlexItem>
-        {rulesStatusesTotal.error > 0 && (
-          <EuiFlexItem grow={false}>
-            <EuiLink data-test-subj="expandRulesError" color="primary" onClick={onToggleRuleErrors}>
-              {!showErrors && (
-                <FormattedMessage
-                  id="xpack.triggersActionsUI.sections.rulesList.showAllErrors"
-                  defaultMessage="Show {totalStatusesError, plural, one {error} other {errors}}"
-                  values={{
-                    totalStatusesError: rulesStatusesTotal.error,
-                  }}
-                />
-              )}
-              {showErrors && (
-                <FormattedMessage
-                  id="xpack.triggersActionsUI.sections.rulesList.hideAllErrors"
-                  defaultMessage="Hide {totalStatusesError, plural, one {error} other {errors}}"
-                  values={{
-                    totalStatusesError: rulesStatusesTotal.error,
-                  }}
-                />
-              )}
-            </EuiLink>
-          </EuiFlexItem>
-        )}
       </EuiFlexGroup>
     </>
   );
diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_statuses.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_statuses.tsx
index eeea751b48fff..aa7add0277134 100644
--- a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_statuses.tsx
+++ b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_statuses.tsx
@@ -34,7 +34,7 @@ export const RulesListStatuses = (props: RulesListStatusesProps) => {
 
   if (isRuleUsingExecutionStatus) {
     return (
-      <EuiFlexGroup alignItems="center" gutterSize="none">
+      <EuiFlexGroup alignItems="center" gutterSize="m" responsive={false} wrap>
         <EuiFlexItem grow={false}>
           <EuiHealth color={euiTheme.colors.success} data-test-subj="totalActiveRulesCount">
             {RULE_STATUS_ACTIVE(rulesStatuses.active)}
@@ -70,7 +70,7 @@ export const RulesListStatuses = (props: RulesListStatusesProps) => {
   }
 
   return (
-    <EuiFlexGroup alignItems="center" gutterSize="none">
+    <EuiFlexGroup alignItems="center" gutterSize="m" responsive={false} wrap>
       <EuiFlexItem grow={false}>
         <EuiHealth color={euiTheme.colors.success} data-test-subj="totalSucceededRulesCount">
           {RULE_LAST_RUN_OUTCOME_SUCCEEDED_DESCRIPTION(rulesLastRunOutcomes.succeeded)}
diff --git a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_table.tsx b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_table.tsx
index 12b4435416936..532cfc1a6798b 100644
--- a/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_table.tsx
+++ b/x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_table.tsx
@@ -970,9 +970,21 @@ export const RulesListTable = (props: RulesListTableProps) => {
 
   return (
     <EuiFlexGroup gutterSize="none" direction="column">
-      <EuiFlexGroup justifyContent="spaceBetween" gutterSize="none" alignItems="center">
+      <EuiFlexGroup
+        justifyContent="spaceBetween"
+        gutterSize="none"
+        alignItems="center"
+        responsive={false}
+        wrap={false}
+      >
         <EuiFlexItem grow={false}>
-          <EuiFlexGroup justifyContent="flexStart" gutterSize="s" alignItems="center">
+          <EuiFlexGroup
+            justifyContent="flexStart"
+            gutterSize="s"
+            alignItems="center"
+            responsive={false}
+            wrap={false}
+          >
             <EuiFlexItem grow={false}>
               {numberOfSelectedRules > 0 ? (
                 renderSelectAllDropdown?.()
@@ -1001,6 +1013,7 @@ export const RulesListTable = (props: RulesListTableProps) => {
             </EuiFlexItem>
             {numberOfFilters > 0 && (
               <EuiFlexItem
+                grow={false}
                 css={{
                   borderLeft: euiTheme.border.thin,
                   paddingLeft: euiTheme.size.m,
@@ -1041,6 +1054,7 @@ export const RulesListTable = (props: RulesListTableProps) => {
           columns={[selectionColumn, ...rulesListColumns]}
           sorting={{ sort }}
           rowHeader="name"
+          responsiveBreakpoint={false}
           rowProps={rowProps}
           css={ruleRowCss}
           cellProps={(rule: RuleTableItem) => ({