From 50f496d7fbf400f5688503d42b3f417041fc5dde Mon Sep 17 00:00:00 2001
From: Gwendoline Favre-Felix <gwendoline.favre-felix@filigran.io>
Date: Tue, 24 Feb 2026 09:32:35 +0100
Subject: [PATCH 1/2] [frontend] Fix 'Manager deployment' columns alignment
 (#13303)

---
 .../private/components/data/connectors/ConnectorsStatus.tsx | 4 ++--
 .../components/data/connectors/SortConnectorsHeader.tsx     | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/opencti-platform/opencti-front/src/private/components/data/connectors/ConnectorsStatus.tsx b/opencti-platform/opencti-front/src/private/components/data/connectors/ConnectorsStatus.tsx
index e5541d04ddbb..197fa17cd179 100644
--- a/opencti-platform/opencti-front/src/private/components/data/connectors/ConnectorsStatus.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/connectors/ConnectorsStatus.tsx
@@ -314,7 +314,7 @@ const ConnectorsStatusContent: FunctionComponent<ConnectorsStatusContentProps> =
                   <SortConnectorsHeader field="messages" label="Messages" isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} />
                   <SortConnectorsHeader field="active" label="Status" isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} />
                   <SortConnectorsHeader field="updated_at" label="Modified" isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} />
-                  <SortConnectorsHeader field="is_managed" label={t_i18n('Manager deployment')} isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} />
+                  <SortConnectorsHeader field="is_managed" label={t_i18n('Manager deployment')} isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} sx={{ textAlign: 'center' }} />
                 </div>
               )}
             />
@@ -430,7 +430,7 @@ const ConnectorsStatusContent: FunctionComponent<ConnectorsStatusContentProps> =
                             </div>
                             <div
                               className={classes.bodyItem}
-                              style={{ justifyContent: 'flex-start' }}
+                              style={{ justifyContent: 'center' }}
                             >
                               <BooleanStatusIcon status={connector.is_managed} />
                             </div>
diff --git a/opencti-platform/opencti-front/src/private/components/data/connectors/SortConnectorsHeader.tsx b/opencti-platform/opencti-front/src/private/components/data/connectors/SortConnectorsHeader.tsx
index 26cf4c4f24ca..a008f6280f69 100644
--- a/opencti-platform/opencti-front/src/private/components/data/connectors/SortConnectorsHeader.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/connectors/SortConnectorsHeader.tsx
@@ -3,6 +3,7 @@ import { ArrowDropDownOutlined, ArrowDropUpOutlined } from '@mui/icons-material'
 import Box from '@mui/material/Box';
 
 import { useFormatter } from '../../../../components/i18n';
+import { SxProps } from '@mui/material';
 
 const sortHeaderStyle: Record<string, CSSProperties> = {
   iconSort: {
@@ -57,9 +58,10 @@ interface SortConnectorsHeaderProps {
   orderAsc: boolean;
   sortBy: string;
   reverseBy: (field: string) => void;
+  sx?: SxProps;
 }
 
-const SortConnectorsHeader: React.FC<SortConnectorsHeaderProps> = ({ field, label, isSortable, orderAsc, sortBy, reverseBy }) => {
+const SortConnectorsHeader: React.FC<SortConnectorsHeaderProps> = ({ field, label, isSortable, orderAsc, sortBy, reverseBy, sx }) => {
   const { t_i18n } = useFormatter();
 
   const sortComponent = orderAsc ? (
@@ -71,7 +73,7 @@ const SortConnectorsHeader: React.FC<SortConnectorsHeaderProps> = ({ field, labe
   if (isSortable) {
     return (
       <Box
-        sx={sortHeaderStyle[field]}
+        sx={[sortHeaderStyle[field], ...(Array.isArray(sx) ? sx : [sx])]}
         onClick={() => reverseBy(field)}
       >
         <span>{t_i18n(label)}</span>

From e77379ddcfa3604fe317c46fe052261b23d2a401 Mon Sep 17 00:00:00 2001
From: Gwendoline Favre-Felix <gwendoline.favre-felix@filigran.io>
Date: Tue, 24 Feb 2026 09:49:15 +0100
Subject: [PATCH 2/2] [frontend] Fix 'Manager deployment' columns alignment
 (#13303)

---
 .../components/data/connectors/ConnectorsStatus.tsx    |  2 +-
 .../data/connectors/SortConnectorsHeader.tsx           | 10 ++++------
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/opencti-platform/opencti-front/src/private/components/data/connectors/ConnectorsStatus.tsx b/opencti-platform/opencti-front/src/private/components/data/connectors/ConnectorsStatus.tsx
index 197fa17cd179..ee60f72c2eeb 100644
--- a/opencti-platform/opencti-front/src/private/components/data/connectors/ConnectorsStatus.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/connectors/ConnectorsStatus.tsx
@@ -314,7 +314,7 @@ const ConnectorsStatusContent: FunctionComponent<ConnectorsStatusContentProps> =
                   <SortConnectorsHeader field="messages" label="Messages" isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} />
                   <SortConnectorsHeader field="active" label="Status" isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} />
                   <SortConnectorsHeader field="updated_at" label="Modified" isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} />
-                  <SortConnectorsHeader field="is_managed" label={t_i18n('Manager deployment')} isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} sx={{ textAlign: 'center' }} />
+                  <SortConnectorsHeader field="is_managed" label={t_i18n('Manager deployment')} isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} textAlign="center" />
                 </div>
               )}
             />
diff --git a/opencti-platform/opencti-front/src/private/components/data/connectors/SortConnectorsHeader.tsx b/opencti-platform/opencti-front/src/private/components/data/connectors/SortConnectorsHeader.tsx
index a008f6280f69..d45ad77666c8 100644
--- a/opencti-platform/opencti-front/src/private/components/data/connectors/SortConnectorsHeader.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/connectors/SortConnectorsHeader.tsx
@@ -1,9 +1,7 @@
 import React, { CSSProperties } from 'react';
 import { ArrowDropDownOutlined, ArrowDropUpOutlined } from '@mui/icons-material';
 import Box from '@mui/material/Box';
-
 import { useFormatter } from '../../../../components/i18n';
-import { SxProps } from '@mui/material';
 
 const sortHeaderStyle: Record<string, CSSProperties> = {
   iconSort: {
@@ -58,10 +56,10 @@ interface SortConnectorsHeaderProps {
   orderAsc: boolean;
   sortBy: string;
   reverseBy: (field: string) => void;
-  sx?: SxProps;
+  textAlign?: CSSProperties['textAlign'];
 }
 
-const SortConnectorsHeader: React.FC<SortConnectorsHeaderProps> = ({ field, label, isSortable, orderAsc, sortBy, reverseBy, sx }) => {
+const SortConnectorsHeader: React.FC<SortConnectorsHeaderProps> = ({ field, label, isSortable, orderAsc, sortBy, reverseBy, textAlign = 'left' }) => {
   const { t_i18n } = useFormatter();
 
   const sortComponent = orderAsc ? (
@@ -73,7 +71,7 @@ const SortConnectorsHeader: React.FC<SortConnectorsHeaderProps> = ({ field, labe
   if (isSortable) {
     return (
       <Box
-        sx={[sortHeaderStyle[field], ...(Array.isArray(sx) ? sx : [sx])]}
+        sx={{ ...sortHeaderStyle[field], textAlign }}
         onClick={() => reverseBy(field)}
       >
         <span>{t_i18n(label)}</span>
@@ -83,7 +81,7 @@ const SortConnectorsHeader: React.FC<SortConnectorsHeaderProps> = ({ field, labe
   }
 
   return (
-    <div style={sortHeaderStyle[field]}>
+    <div style={{ ...sortHeaderStyle[field], textAlign }}>
       <span>{t_i18n(label)}</span>
     </div>
   );