From 73ac5cc347f4ba10d3cf4c1541383cc6bfb1a126 Mon Sep 17 00:00:00 2001
From: Adrien Servel <adrien.servel@filigran.io>
Date: Sun, 22 Sep 2024 16:05:31 +0200
Subject: [PATCH] [frontend] Alignment fixes (#8443) (#8435)

---
 .../src/components/Breadcrumbs.tsx            | 30 +++----------------
 .../dataGrid/components/DataTableLine.tsx     | 17 ++++-------
 .../src/components/list_lines/ListLines.jsx   |  1 -
 .../analyses/ExternalReferences.tsx           |  2 +-
 .../private/components/analyses/Groupings.tsx |  2 +-
 .../components/analyses/MalwareAnalyses.tsx   |  2 +-
 .../src/private/components/analyses/Notes.tsx |  2 +-
 .../private/components/analyses/Reports.tsx   |  2 +-
 .../analyses/external_references/Root.jsx     |  2 +-
 .../components/analyses/groupings/Root.tsx    |  2 +-
 .../analyses/malware_analyses/Root.tsx        |  2 +-
 .../components/analyses/notes/Root.jsx        |  2 +-
 .../components/analyses/reports/Root.tsx      |  2 +-
 .../private/components/arsenal/Channels.tsx   |  2 +-
 .../private/components/arsenal/Malwares.tsx   |  2 +-
 .../src/private/components/arsenal/Tools.tsx  |  2 +-
 .../components/arsenal/Vulnerabilities.tsx    |  2 +-
 .../components/arsenal/channels/Root.tsx      |  2 +-
 .../components/arsenal/malwares/Root.tsx      |  2 +-
 .../private/components/arsenal/tools/Root.tsx |  2 +-
 .../arsenal/vulnerabilities/Root.tsx          |  2 +-
 .../components/cases/CaseIncidents.tsx        |  2 +-
 .../src/private/components/cases/CaseRfis.tsx |  2 +-
 .../src/private/components/cases/CaseRfts.tsx |  2 +-
 .../private/components/cases/Feedbacks.tsx    |  2 +-
 .../src/private/components/cases/Tasks.tsx    |  2 +-
 .../components/cases/case_incidents/Root.tsx  |  2 +-
 .../components/cases/case_rfis/Root.tsx       |  2 +-
 .../components/cases/case_rfts/Root.tsx       |  2 +-
 .../components/cases/feedbacks/Root.tsx       |  2 +-
 .../private/components/cases/tasks/Root.tsx   |  2 +-
 .../private/components/data/Connectors.jsx    |  2 +-
 .../private/components/data/CsvMappers.tsx    |  2 +-
 .../src/private/components/data/Entities.tsx  |  2 +-
 .../src/private/components/data/Feed.tsx      |  2 +-
 .../private/components/data/IngestionCsv.tsx  |  2 +-
 .../private/components/data/IngestionRss.jsx  |  2 +-
 .../components/data/IngestionTaxiis.jsx       |  2 +-
 .../src/private/components/data/Playbooks.tsx |  2 +-
 .../private/components/data/Relationships.tsx |  2 +-
 .../src/private/components/data/Stream.jsx    |  2 +-
 .../src/private/components/data/Sync.jsx      |  2 +-
 .../src/private/components/data/Tasks.jsx     |  2 +-
 .../src/private/components/data/Taxii.tsx     |  2 +-
 .../components/data/connectors/Root.jsx       |  2 +-
 .../components/data/import/ImportContent.jsx  |  2 +-
 .../data/import/ImportFilesContent.tsx        |  2 +-
 .../data/import/ImportWorkbenchesContent.tsx  |  2 +-
 .../private/components/entities/Events.tsx    |  2 +-
 .../components/entities/Individuals.tsx       |  2 +-
 .../components/entities/Organizations.tsx     |  2 +-
 .../private/components/entities/Sectors.jsx   |  2 +-
 .../private/components/entities/Systems.tsx   |  2 +-
 .../components/entities/events/Root.tsx       |  2 +-
 .../components/entities/individuals/Root.tsx  |  2 +-
 .../entities/organizations/Root.tsx           |  2 +-
 .../components/entities/sectors/Root.tsx      |  2 +-
 .../components/entities/systems/Root.tsx      |  2 +-
 .../private/components/events/Incidents.tsx   |  2 +-
 .../components/events/ObservedDatas.tsx       |  2 +-
 .../events/StixSightingRelationships.tsx      |  2 +-
 .../components/events/incidents/Root.tsx      |  2 +-
 .../components/events/observed_data/Root.jsx  |  2 +-
 .../StixSightingRelationship.tsx              |  2 +-
 .../locations/AdministrativeAreas.tsx         |  2 +-
 .../private/components/locations/Cities.tsx   |  2 +-
 .../components/locations/Countries.tsx        |  2 +-
 .../components/locations/Positions.tsx        |  2 +-
 .../private/components/locations/Regions.tsx  |  2 +-
 .../locations/administrative_areas/Root.tsx   |  2 +-
 .../components/locations/cities/Root.tsx      |  2 +-
 .../components/locations/countries/Root.tsx   |  2 +-
 .../components/locations/positions/Root.tsx   |  2 +-
 .../components/locations/regions/Root.tsx     |  2 +-
 .../components/observations/Artifacts.tsx     |  2 +-
 .../components/observations/Indicators.tsx    |  2 +-
 .../observations/Infrastructures.tsx          |  2 +-
 .../observations/StixCyberObservables.tsx     |  2 +-
 .../observations/artifacts/Root.jsx           |  2 +-
 .../observations/indicators/Root.tsx          |  2 +-
 .../observations/infrastructures/Root.tsx     |  2 +-
 .../stix_cyber_observables/Root.tsx           |  2 +-
 .../components/profile/Notifications.tsx      |  2 +-
 .../private/components/profile/Triggers.tsx   |  2 +-
 .../search/SearchContainerQuery.tsx           |  6 +++-
 .../private/components/settings/Groups.jsx    |  2 +-
 .../components/settings/KillChainPhases.jsx   |  2 +-
 .../private/components/settings/Labels.jsx    |  2 +-
 .../settings/MarkingDefinitions.jsx           |  2 +-
 .../private/components/settings/Notifiers.tsx |  2 +-
 .../private/components/settings/Policies.tsx  |  2 +-
 .../private/components/settings/Retention.tsx |  2 +-
 .../src/private/components/settings/Roles.jsx |  2 +-
 .../src/private/components/settings/Rules.jsx |  2 +-
 .../private/components/settings/Sessions.jsx  |  2 +-
 .../private/components/settings/Settings.jsx  |  2 +-
 .../settings/SettingsOrganizations.tsx        |  2 +-
 .../src/private/components/settings/Users.jsx |  2 +-
 .../components/settings/Vocabularies.tsx      |  2 +-
 .../settings/VocabularyCategories.tsx         |  2 +-
 .../settings/activity/alerting/Alerting.tsx   |  2 +-
 .../settings/activity/audit/Audit.tsx         |  2 +-
 .../activity/configuration/Configuration.tsx  |  2 +-
 .../settings/case_templates/CaseTemplates.tsx |  2 +-
 .../components/settings/decay/DecayRule.tsx   |  2 +-
 .../components/settings/decay/DecayRules.tsx  |  2 +-
 .../settings/file_indexing/FileIndexing.tsx   |  2 +-
 .../components/settings/groups/Root.tsx       |  2 +-
 .../settings/organizations/Root.tsx           |  2 +-
 .../components/settings/roles/Root.tsx        |  2 +-
 .../status_templates/StatusTemplates.tsx      |  2 +-
 .../components/settings/sub_types/Root.tsx    |  2 +-
 .../settings/sub_types/SubTypes.tsx           |  2 +-
 .../settings/support/SupportPackages.tsx      |  2 +-
 .../components/settings/users/Root.jsx        |  2 +-
 .../components/techniques/AttackPatterns.tsx  |  2 +-
 .../components/techniques/CoursesOfAction.tsx |  2 +-
 .../components/techniques/DataComponents.tsx  |  2 +-
 .../components/techniques/DataSources.tsx     |  2 +-
 .../components/techniques/Narratives.tsx      |  2 +-
 .../techniques/attack_patterns/Root.tsx       |  2 +-
 .../techniques/courses_of_action/Root.jsx     |  2 +-
 .../techniques/data_components/Root.tsx       |  2 +-
 .../techniques/data_sources/Root.tsx          |  2 +-
 .../components/techniques/narratives/Root.tsx |  2 +-
 .../private/components/threats/Campaigns.tsx  |  2 +-
 .../components/threats/IntrusionSets.tsx      |  2 +-
 .../components/threats/ThreatActorsGroup.tsx  |  2 +-
 .../threats/ThreatActorsIndividual.tsx        |  2 +-
 .../components/threats/campaigns/Root.tsx     |  2 +-
 .../threats/intrusion_sets/Root.tsx           |  2 +-
 .../threats/threat_actors_group/Root.tsx      |  2 +-
 .../threats/threat_actors_individual/Root.tsx |  2 +-
 .../src/private/components/trash/Trash.tsx    |  2 +-
 .../components/workspaces/Workspaces.tsx      |  1 -
 .../public_dashboards/PublicDashboards.tsx    |  1 -
 136 files changed, 145 insertions(+), 171 deletions(-)

diff --git a/opencti-platform/opencti-front/src/components/Breadcrumbs.tsx b/opencti-platform/opencti-front/src/components/Breadcrumbs.tsx
index 4d834469ca938..0ff13036d6d3c 100644
--- a/opencti-platform/opencti-front/src/components/Breadcrumbs.tsx
+++ b/opencti-platform/opencti-front/src/components/Breadcrumbs.tsx
@@ -2,7 +2,7 @@ import React, { FunctionComponent } from 'react';
 import MUIBreadcrumbs from '@mui/material/Breadcrumbs';
 import { Link } from 'react-router-dom';
 import Typography from '@mui/material/Typography';
-import makeStyles from '@mui/styles/makeStyles';
+import { useTheme } from '@mui/styles';
 import { truncate } from '../utils/String';
 import type { Theme } from './Theme';
 
@@ -13,35 +13,13 @@ interface element {
 }
 
 interface BreadcrumbsProps {
-  variant: 'standard' | 'list' | 'object',
   elements: element[],
 }
 
-// Deprecated - https://mui.com/system/styles/basics/
-// Do not use it for new code.
-const useStyles = makeStyles<Theme>((theme) => ({
-  breadcrumbsList: {
-    marginBottom: theme.spacing(2),
-  },
-  breadcrumbsObject: {
-    marginTop: -5,
-    marginBottom: 15,
-  },
-  breadcrumbsStandard: {
-    marginTop: -5,
-  },
-}));
-
-const Breadcrumbs: FunctionComponent<BreadcrumbsProps> = ({ elements, variant }) => {
-  const classes = useStyles();
-  let className = classes.breadcrumbsStandard;
-  if (variant === 'list') {
-    className = classes.breadcrumbsList;
-  } else if (variant === 'object') {
-    className = classes.breadcrumbsObject;
-  }
+const Breadcrumbs: FunctionComponent<BreadcrumbsProps> = ({ elements }) => {
+  const theme = useTheme<Theme>();
   return (
-    <MUIBreadcrumbs classes={{ root: className }}>
+    <MUIBreadcrumbs style={{ marginBottom: theme.spacing(2) }}>
       {elements.map((element) => {
         if (element.current) {
           return (
diff --git a/opencti-platform/opencti-front/src/components/dataGrid/components/DataTableLine.tsx b/opencti-platform/opencti-front/src/components/dataGrid/components/DataTableLine.tsx
index b77d21b38d815..59ae79a231121 100644
--- a/opencti-platform/opencti-front/src/components/dataGrid/components/DataTableLine.tsx
+++ b/opencti-platform/opencti-front/src/components/dataGrid/components/DataTableLine.tsx
@@ -8,7 +8,7 @@ import { createStyles } from '@mui/styles';
 import { useNavigate } from 'react-router-dom';
 import { useDataTableContext } from '../dataTableUtils';
 import type { DataTableCellProps, DataTableLineProps } from '../dataTableTypes';
-import { DataTableColumn, DataTableVariant } from '../dataTableTypes';
+import { DataTableColumn } from '../dataTableTypes';
 import type { Theme } from '../../Theme';
 import { getMainRepresentative } from '../../../utils/defaultRepresentatives';
 
@@ -118,7 +118,6 @@ const DataTableLine = ({
     disableNavigation,
     onLineClick,
     selectOnLineClick,
-    variant,
   } = useDataTableContext();
   const data = useLineData(row);
 
@@ -143,8 +142,6 @@ const DataTableLine = ({
   const endWithNavigate = effectiveColumns.at(-1)?.id === 'navigate';
 
   const handleSelectLine = (event: React.MouseEvent) => {
-    event.preventDefault();
-    event.stopPropagation();
     if (event.shiftKey) {
       onToggleShiftEntity(index, data, event);
     } else {
@@ -155,14 +152,12 @@ const DataTableLine = ({
   const handleRowClick = (event: React.MouseEvent) => {
     event.preventDefault();
     event.stopPropagation();
-    if (selectOnLineClick) {
-      handleSelectLine(event);
-    } else if (onLineClick) {
+    if (onLineClick) {
       onLineClick(data);
     } else if (navigable) {
-      if (event.ctrlKey) {
+      if (event.ctrlKey || event.button === 1) {
         window.open(link, '_blank');
-      } else {
+      } else if (event.button !== 2) {
         navigate(link);
       }
     }
@@ -173,8 +168,8 @@ const DataTableLine = ({
       key={row.id}
       className={classes.row}
       // using onMouseDown to redirect before drag and drop happens when used in dashboard widgets
-      onMouseDown={variant === DataTableVariant.widget ? handleRowClick : undefined}
-      onClick={variant !== DataTableVariant.widget ? handleRowClick : undefined}
+      onMouseDown={handleRowClick}
+      onClick={selectOnLineClick ? handleSelectLine : undefined}
       style={{ cursor: clickable ? 'pointer' : 'unset' }}
       data-testid={getMainRepresentative(data)}
     >
diff --git a/opencti-platform/opencti-front/src/components/list_lines/ListLines.jsx b/opencti-platform/opencti-front/src/components/list_lines/ListLines.jsx
index ec5e4e3679742..2ed5561754362 100644
--- a/opencti-platform/opencti-front/src/components/list_lines/ListLines.jsx
+++ b/opencti-platform/opencti-front/src/components/list_lines/ListLines.jsx
@@ -61,7 +61,6 @@ const styles = (theme) => ({
     display: 'flex',
     alignItems: 'center',
     gap: 10,
-    marginTop: -10,
     paddingBottom: 10,
     flexWrap: 'wrap',
   },
diff --git a/opencti-platform/opencti-front/src/private/components/analyses/ExternalReferences.tsx b/opencti-platform/opencti-front/src/private/components/analyses/ExternalReferences.tsx
index 7e48ecf40003d..06e6c7376edbd 100644
--- a/opencti-platform/opencti-front/src/private/components/analyses/ExternalReferences.tsx
+++ b/opencti-platform/opencti-front/src/private/components/analyses/ExternalReferences.tsx
@@ -150,7 +150,7 @@ const ExternalReferences: FunctionComponent<ExternalReferencesProps> = () => {
   } as UsePreloadedPaginationFragment<ExternalReferencesLinesPaginationQuery>;
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Analyses') }, { label: t_i18n('External references'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Analyses') }, { label: t_i18n('External references'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/analyses/Groupings.tsx b/opencti-platform/opencti-front/src/private/components/analyses/Groupings.tsx
index 1bd20e190e5af..32f50db16e4ef 100644
--- a/opencti-platform/opencti-front/src/private/components/analyses/Groupings.tsx
+++ b/opencti-platform/opencti-front/src/private/components/analyses/Groupings.tsx
@@ -202,7 +202,7 @@ const Groupings: FunctionComponent<GroupingsProps> = () => {
 
   return (
     <span data-testid="groupings-page">
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Analyses') }, { label: t_i18n('Groupings'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Analyses') }, { label: t_i18n('Groupings'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/analyses/MalwareAnalyses.tsx b/opencti-platform/opencti-front/src/private/components/analyses/MalwareAnalyses.tsx
index f27284d032f3b..0d7974a96844f 100644
--- a/opencti-platform/opencti-front/src/private/components/analyses/MalwareAnalyses.tsx
+++ b/opencti-platform/opencti-front/src/private/components/analyses/MalwareAnalyses.tsx
@@ -165,7 +165,7 @@ const MalwareAnalyses: FunctionComponent = () => {
 
   return (
     <ExportContextProvider>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Analyses') }, { label: t_i18n('Malware analyses'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Analyses') }, { label: t_i18n('Malware analyses'), current: true }]} />
       {queryRef && (
       <div data-testid='malware-analyses-page'>
         <DataTable
diff --git a/opencti-platform/opencti-front/src/private/components/analyses/Notes.tsx b/opencti-platform/opencti-front/src/private/components/analyses/Notes.tsx
index 39785c1dbec3a..3ab53ba960cfb 100644
--- a/opencti-platform/opencti-front/src/private/components/analyses/Notes.tsx
+++ b/opencti-platform/opencti-front/src/private/components/analyses/Notes.tsx
@@ -201,7 +201,7 @@ const Notes: FunctionComponent = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Analyses') }, { label: t_i18n('Notes'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Analyses') }, { label: t_i18n('Notes'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/analyses/Reports.tsx b/opencti-platform/opencti-front/src/private/components/analyses/Reports.tsx
index 99e174893390f..92c22c8243557 100644
--- a/opencti-platform/opencti-front/src/private/components/analyses/Reports.tsx
+++ b/opencti-platform/opencti-front/src/private/components/analyses/Reports.tsx
@@ -204,7 +204,7 @@ const Reports: FunctionComponent = () => {
   };
   return (
     <span data-testid="report-page">
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Analyses') }, { label: t_i18n('Reports'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Analyses') }, { label: t_i18n('Reports'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/analyses/external_references/Root.jsx b/opencti-platform/opencti-front/src/private/components/analyses/external_references/Root.jsx
index 2f99d56c3e27d..88f7d8ed2d72e 100644
--- a/opencti-platform/opencti-front/src/private/components/analyses/external_references/Root.jsx
+++ b/opencti-platform/opencti-front/src/private/components/analyses/external_references/Root.jsx
@@ -51,7 +51,7 @@ const RootExternalReference = () => {
             if (props.externalReference && props.connectorsForImport) {
               return (
                 <>
-                  <Breadcrumbs variant="object" elements={[
+                  <Breadcrumbs elements={[
                     { label: t_i18n('Analyses') },
                     { label: t_i18n('External references'), link: '/dashboard/analyses/external_references' },
                   ]}
diff --git a/opencti-platform/opencti-front/src/private/components/analyses/groupings/Root.tsx b/opencti-platform/opencti-front/src/private/components/analyses/groupings/Root.tsx
index 188c149a06b50..12c4541c41cd7 100644
--- a/opencti-platform/opencti-front/src/private/components/analyses/groupings/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/analyses/groupings/Root.tsx
@@ -110,7 +110,7 @@ const RootGrouping = () => {
               const currentAccessRight = useGetCurrentUserAccessRight(grouping.currentUserAccessRight);
               return (
                 <div style={{ paddingRight }}>
-                  <Breadcrumbs variant="object" elements={[
+                  <Breadcrumbs elements={[
                     { label: t_i18n('Analyses') },
                     { label: t_i18n('Groupings'), link: '/dashboard/analyses/groupings' },
                     { label: grouping.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/analyses/malware_analyses/Root.tsx b/opencti-platform/opencti-front/src/private/components/analyses/malware_analyses/Root.tsx
index 220e263e64d53..03028818acdb4 100644
--- a/opencti-platform/opencti-front/src/private/components/analyses/malware_analyses/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/analyses/malware_analyses/Root.tsx
@@ -97,7 +97,7 @@ const RootMalwareAnalysis = () => {
               const paddingRight = getPaddingRight(location.pathname, malwareAnalysis.id, '/dashboard/analyses/malware_analyses', false);
               return (
                 <div style={{ paddingRight }}>
-                  <Breadcrumbs variant="object" elements={[
+                  <Breadcrumbs elements={[
                     { label: t_i18n('Analyses') },
                     { label: t_i18n('Malware analyses'), link: '/dashboard/analyses/malware_analyses' },
                     { label: getMainRepresentative(malwareAnalysis), current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/analyses/notes/Root.jsx b/opencti-platform/opencti-front/src/private/components/analyses/notes/Root.jsx
index ef3e5bd78ca87..d07c27b1e8423 100644
--- a/opencti-platform/opencti-front/src/private/components/analyses/notes/Root.jsx
+++ b/opencti-platform/opencti-front/src/private/components/analyses/notes/Root.jsx
@@ -83,7 +83,7 @@ const RootNote = () => {
               const { note } = props;
               return (
                 <>
-                  <Breadcrumbs variant="object" elements={[
+                  <Breadcrumbs elements={[
                     { label: t_i18n('Analyses') },
                     { label: t_i18n('Notes'), link: '/dashboard/analyses/notes' },
                   ]}
diff --git a/opencti-platform/opencti-front/src/private/components/analyses/reports/Root.tsx b/opencti-platform/opencti-front/src/private/components/analyses/reports/Root.tsx
index b88e758f82bca..617da47ba9266 100644
--- a/opencti-platform/opencti-front/src/private/components/analyses/reports/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/analyses/reports/Root.tsx
@@ -109,7 +109,7 @@ const RootReport = () => {
               const currentAccessRight = useGetCurrentUserAccessRight(report.currentUserAccessRight);
               return (
                 <div style={{ paddingRight }} data-testid="report-details-page">
-                  <Breadcrumbs variant="object" elements={[
+                  <Breadcrumbs elements={[
                     { label: t_i18n('Analyses') },
                     { label: t_i18n('Reports'), link: '/dashboard/analyses/reports' },
                     { label: report.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/arsenal/Channels.tsx b/opencti-platform/opencti-front/src/private/components/arsenal/Channels.tsx
index 6b4ba96733f93..184b52546f43a 100644
--- a/opencti-platform/opencti-front/src/private/components/arsenal/Channels.tsx
+++ b/opencti-platform/opencti-front/src/private/components/arsenal/Channels.tsx
@@ -153,7 +153,7 @@ const Channels = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Arsenal') }, { label: t_i18n('Channels'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Arsenal') }, { label: t_i18n('Channels'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/arsenal/Malwares.tsx b/opencti-platform/opencti-front/src/private/components/arsenal/Malwares.tsx
index 3014aa040f3f2..b52816de7ff39 100644
--- a/opencti-platform/opencti-front/src/private/components/arsenal/Malwares.tsx
+++ b/opencti-platform/opencti-front/src/private/components/arsenal/Malwares.tsx
@@ -187,7 +187,7 @@ const Malwares = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Arsenal') }, { label: t_i18n('Malwares'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Arsenal') }, { label: t_i18n('Malwares'), current: true }]} />
       {viewStorage.view !== 'lines' ? renderCards() : renderList()}
       {!isFABReplaced && (
         <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/arsenal/Tools.tsx b/opencti-platform/opencti-front/src/private/components/arsenal/Tools.tsx
index 4d6351fc845c9..c5eb54fee08ee 100644
--- a/opencti-platform/opencti-front/src/private/components/arsenal/Tools.tsx
+++ b/opencti-platform/opencti-front/src/private/components/arsenal/Tools.tsx
@@ -144,7 +144,7 @@ const Tools = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Arsenal') }, { label: t_i18n('Tools'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Arsenal') }, { label: t_i18n('Tools'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/arsenal/Vulnerabilities.tsx b/opencti-platform/opencti-front/src/private/components/arsenal/Vulnerabilities.tsx
index ac77e48045ce6..7429d8724d7ef 100644
--- a/opencti-platform/opencti-front/src/private/components/arsenal/Vulnerabilities.tsx
+++ b/opencti-platform/opencti-front/src/private/components/arsenal/Vulnerabilities.tsx
@@ -157,7 +157,7 @@ const Vulnerabilities = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Arsenal') }, { label: t_i18n('Vulnerabilities'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Arsenal') }, { label: t_i18n('Vulnerabilities'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/arsenal/channels/Root.tsx b/opencti-platform/opencti-front/src/private/components/arsenal/channels/Root.tsx
index d1263e37376cc..4d6f35f7c8b24 100644
--- a/opencti-platform/opencti-front/src/private/components/arsenal/channels/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/arsenal/channels/Root.tsx
@@ -130,7 +130,7 @@ const RootChannel = ({ queryRef, channelId }: RootChannelProps) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Arsenal') },
               { label: t_i18n('Channels'), link: '/dashboard/arsenal/channels' },
               { label: channel.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/arsenal/malwares/Root.tsx b/opencti-platform/opencti-front/src/private/components/arsenal/malwares/Root.tsx
index 04aefbcaf5dcf..187e0b5915405 100644
--- a/opencti-platform/opencti-front/src/private/components/arsenal/malwares/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/arsenal/malwares/Root.tsx
@@ -137,7 +137,7 @@ const RootMalware = ({ queryRef, malwareId }: RootMalwareProps) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Arsenal') },
               { label: t_i18n('Malwares'), link: '/dashboard/arsenal/malwares' },
               { label: malware.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/arsenal/tools/Root.tsx b/opencti-platform/opencti-front/src/private/components/arsenal/tools/Root.tsx
index 72b3311da2852..8abf914e242f9 100644
--- a/opencti-platform/opencti-front/src/private/components/arsenal/tools/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/arsenal/tools/Root.tsx
@@ -131,7 +131,7 @@ const RootTool = ({ queryRef, toolId }: RootToolProps) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Arsenal') },
               { label: t_i18n('Tools'), link: '/dashboard/arsenal/tools' },
               { label: tool.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/arsenal/vulnerabilities/Root.tsx b/opencti-platform/opencti-front/src/private/components/arsenal/vulnerabilities/Root.tsx
index 650ca42af6d4d..a2bcb8a3b8dec 100644
--- a/opencti-platform/opencti-front/src/private/components/arsenal/vulnerabilities/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/arsenal/vulnerabilities/Root.tsx
@@ -130,7 +130,7 @@ const RootVulnerability = ({ queryRef, vulnerabilityId }: RootVulnerabilityProps
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Arsenal') },
               { label: t_i18n('Vulnerabilities'), link: '/dashboard/arsenal/vulnerabilities' },
               { label: vulnerability.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/cases/CaseIncidents.tsx b/opencti-platform/opencti-front/src/private/components/cases/CaseIncidents.tsx
index 87324026d7b15..7741da219ed14 100644
--- a/opencti-platform/opencti-front/src/private/components/cases/CaseIncidents.tsx
+++ b/opencti-platform/opencti-front/src/private/components/cases/CaseIncidents.tsx
@@ -190,7 +190,7 @@ const CaseIncidents: FunctionComponent<CaseIncidentsProps> = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Cases') }, { label: t_i18n('Incident responses'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Cases') }, { label: t_i18n('Incident responses'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/cases/CaseRfis.tsx b/opencti-platform/opencti-front/src/private/components/cases/CaseRfis.tsx
index e3766dac97b0a..54cb1430f722b 100644
--- a/opencti-platform/opencti-front/src/private/components/cases/CaseRfis.tsx
+++ b/opencti-platform/opencti-front/src/private/components/cases/CaseRfis.tsx
@@ -186,7 +186,7 @@ const CaseRfis: FunctionComponent<CaseRfisProps> = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Cases') }, { label: t_i18n('Requests for information'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Cases') }, { label: t_i18n('Requests for information'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/cases/CaseRfts.tsx b/opencti-platform/opencti-front/src/private/components/cases/CaseRfts.tsx
index a6e4339ddd6e1..4a213963e516d 100644
--- a/opencti-platform/opencti-front/src/private/components/cases/CaseRfts.tsx
+++ b/opencti-platform/opencti-front/src/private/components/cases/CaseRfts.tsx
@@ -193,7 +193,7 @@ const CaseRfts: FunctionComponent<CaseRftsProps> = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Cases') }, { label: t_i18n('Requests for takedown'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Cases') }, { label: t_i18n('Requests for takedown'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/cases/Feedbacks.tsx b/opencti-platform/opencti-front/src/private/components/cases/Feedbacks.tsx
index e27ebe3221edd..921924c5572bd 100644
--- a/opencti-platform/opencti-front/src/private/components/cases/Feedbacks.tsx
+++ b/opencti-platform/opencti-front/src/private/components/cases/Feedbacks.tsx
@@ -178,7 +178,7 @@ const Feedbacks: FunctionComponent<FeedbacksProps> = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Cases') }, { label: t_i18n('Feedbacks'), current: true }]}/>
+      <Breadcrumbs elements={[{ label: t_i18n('Cases') }, { label: t_i18n('Feedbacks'), current: true }]}/>
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/cases/Tasks.tsx b/opencti-platform/opencti-front/src/private/components/cases/Tasks.tsx
index 3ea739a066ff5..2f9b64df12982 100644
--- a/opencti-platform/opencti-front/src/private/components/cases/Tasks.tsx
+++ b/opencti-platform/opencti-front/src/private/components/cases/Tasks.tsx
@@ -125,7 +125,7 @@ const Tasks = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Cases') }, { label: t_i18n('Tasks'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Cases') }, { label: t_i18n('Tasks'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/cases/case_incidents/Root.tsx b/opencti-platform/opencti-front/src/private/components/cases/case_incidents/Root.tsx
index 16392bd14bc2a..6c456092c5259 100644
--- a/opencti-platform/opencti-front/src/private/components/cases/case_incidents/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/cases/case_incidents/Root.tsx
@@ -110,7 +110,7 @@ const RootCaseIncidentComponent = ({ queryRef, caseId }) => {
   const currentAccessRight = useGetCurrentUserAccessRight(caseData.currentUserAccessRight);
   return (
     <div style={{ paddingRight }} data-testid="incident-details-page">
-      <Breadcrumbs variant="object" elements={[
+      <Breadcrumbs elements={[
         { label: t_i18n('Cases') },
         { label: t_i18n('Incident responses'), link: '/dashboard/cases/incidents' },
         { label: caseData.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/cases/case_rfis/Root.tsx b/opencti-platform/opencti-front/src/private/components/cases/case_rfis/Root.tsx
index 9aa6c74a34ed2..d9c1a9ddc760f 100644
--- a/opencti-platform/opencti-front/src/private/components/cases/case_rfis/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/cases/case_rfis/Root.tsx
@@ -105,7 +105,7 @@ const RootCaseRfiComponent = ({ queryRef, caseId }) => {
   const currentAccessRight = useGetCurrentUserAccessRight(caseData.currentUserAccessRight);
   return (
     <div style={{ paddingRight }}>
-      <Breadcrumbs variant="object" elements={[
+      <Breadcrumbs elements={[
         { label: t_i18n('Cases') },
         { label: t_i18n('Requests for information'), link: '/dashboard/cases/rfis' },
         { label: caseData.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/cases/case_rfts/Root.tsx b/opencti-platform/opencti-front/src/private/components/cases/case_rfts/Root.tsx
index 66e80e4e3572b..dcd15bdc3a6a7 100644
--- a/opencti-platform/opencti-front/src/private/components/cases/case_rfts/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/cases/case_rfts/Root.tsx
@@ -104,7 +104,7 @@ const RootCaseRftComponent = ({ queryRef, caseId }) => {
   const currentAccessRight = useGetCurrentUserAccessRight(caseData.currentUserAccessRight);
   return (
     <div style={{ paddingRight }}>
-      <Breadcrumbs variant="object" elements={[
+      <Breadcrumbs elements={[
         { label: t_i18n('Cases') },
         { label: t_i18n('Requests for takedown'), link: '/dashboard/cases/rfts' },
         { label: caseData.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/cases/feedbacks/Root.tsx b/opencti-platform/opencti-front/src/private/components/cases/feedbacks/Root.tsx
index 826bc37e470be..5427cbdb0e505 100644
--- a/opencti-platform/opencti-front/src/private/components/cases/feedbacks/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/cases/feedbacks/Root.tsx
@@ -110,7 +110,7 @@ const RootFeedbackComponent = ({ queryRef, caseId }) => {
   const { canEdit } = useGetCurrentUserAccessRight(feedbackData.currentUserAccessRight);
   return (
     <div style={{ paddingRight }}>
-      <Breadcrumbs variant="object" elements={[
+      <Breadcrumbs elements={[
         { label: t_i18n('Cases') },
         { label: t_i18n('Feedbacks'), link: '/dashboard/cases/feedbacks' },
         { label: feedbackData.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/cases/tasks/Root.tsx b/opencti-platform/opencti-front/src/private/components/cases/tasks/Root.tsx
index 0e1d918ab4ee2..2216f93708f2d 100644
--- a/opencti-platform/opencti-front/src/private/components/cases/tasks/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/cases/tasks/Root.tsx
@@ -91,7 +91,7 @@ const RootTaskComponent = ({ queryRef, taskId }) => {
     <>
       {data ? (
         <div style={{ paddingRight }}>
-          <Breadcrumbs variant="object" elements={[
+          <Breadcrumbs elements={[
             { label: t_i18n('Cases') },
             { label: t_i18n('Tasks'), link: '/dashboard/cases/tasks' },
             { label: data.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/data/Connectors.jsx b/opencti-platform/opencti-front/src/private/components/data/Connectors.jsx
index 08b8ce85768ad..efc67d0a20b85 100644
--- a/opencti-platform/opencti-front/src/private/components/data/Connectors.jsx
+++ b/opencti-platform/opencti-front/src/private/components/data/Connectors.jsx
@@ -21,7 +21,7 @@ class Connectors extends Component {
     const { t, classes } = this.props;
     return (
       <div className={classes.container}>
-        <Breadcrumbs variant="list" elements={[{ label: t('Data') }, { label: t('Ingestion') }, { label: t('Connectors'), current: true }]} />
+        <Breadcrumbs elements={[{ label: t('Data') }, { label: t('Ingestion') }, { label: t('Connectors'), current: true }]} />
         <IngestionMenu/>
         <QueryRenderer
           query={workersStatusQuery}
diff --git a/opencti-platform/opencti-front/src/private/components/data/CsvMappers.tsx b/opencti-platform/opencti-front/src/private/components/data/CsvMappers.tsx
index 6c1a0438f3886..5a60aa0fcd3dc 100644
--- a/opencti-platform/opencti-front/src/private/components/data/CsvMappers.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/CsvMappers.tsx
@@ -75,7 +75,7 @@ const CsvMappers = () => {
           schemaAttributesQueryRef={queryRefSchemaAttributes}
         >
           <div className={classes.container}>
-            <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Processing') }, { label: t_i18n('CSV mappers'), current: true }]} />
+            <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Processing') }, { label: t_i18n('CSV mappers'), current: true }]} />
             <ProcessingMenu />
             <ListLines
               helpers={helpers}
diff --git a/opencti-platform/opencti-front/src/private/components/data/Entities.tsx b/opencti-platform/opencti-front/src/private/components/data/Entities.tsx
index bdbe40b0e70ee..d44fc5ef4499b 100644
--- a/opencti-platform/opencti-front/src/private/components/data/Entities.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/Entities.tsx
@@ -71,7 +71,7 @@ const Entities = () => {
 
   return (
     <div data-testid='data-entities-page'>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Entities'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Entities'), current: true }]} />
       {queryRef && (
         <DataTable
           storageKey={LOCAL_STORAGE_KEY}
diff --git a/opencti-platform/opencti-front/src/private/components/data/Feed.tsx b/opencti-platform/opencti-front/src/private/components/data/Feed.tsx
index 55e0255502b0a..e166dc19b5204 100644
--- a/opencti-platform/opencti-front/src/private/components/data/Feed.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/Feed.tsx
@@ -117,7 +117,7 @@ const Feed = () => {
       padding: '0 200px 50px 0',
     }}
     >
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Data sharing') }, { label: t_i18n('CSV feeds'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Data sharing') }, { label: t_i18n('CSV feeds'), current: true }]} />
       <SharingMenu/>
       {feedState.view === 'lines' ? renderLines(paginationOptions) : ''}
       <Security needs={[TAXIIAPI_SETCOLLECTIONS]}>
diff --git a/opencti-platform/opencti-front/src/private/components/data/IngestionCsv.tsx b/opencti-platform/opencti-front/src/private/components/data/IngestionCsv.tsx
index 6a1beee19a69d..1549427eb2ed6 100644
--- a/opencti-platform/opencti-front/src/private/components/data/IngestionCsv.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/IngestionCsv.tsx
@@ -123,7 +123,7 @@ const IngestionCsv = () => {
 
   return (
     <div className={classes.container}>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Ingestion') }, { label: t_i18n('CSV feeds'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Ingestion') }, { label: t_i18n('CSV feeds'), current: true }]} />
       <IngestionMenu/>
       {renderLines()}
       <Security needs={[INGESTION_SETINGESTIONS]}>
diff --git a/opencti-platform/opencti-front/src/private/components/data/IngestionRss.jsx b/opencti-platform/opencti-front/src/private/components/data/IngestionRss.jsx
index 965907c966bc1..9c56302b5e82f 100644
--- a/opencti-platform/opencti-front/src/private/components/data/IngestionRss.jsx
+++ b/opencti-platform/opencti-front/src/private/components/data/IngestionRss.jsx
@@ -72,7 +72,7 @@ const IngestionRss = () => {
   }
   return (
     <div className={classes.container}>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Ingestion') }, { label: t_i18n('RSS feeds'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Ingestion') }, { label: t_i18n('RSS feeds'), current: true }]} />
       <IngestionMenu/>
       <ListLines
         helpers={storageHelpers}
diff --git a/opencti-platform/opencti-front/src/private/components/data/IngestionTaxiis.jsx b/opencti-platform/opencti-front/src/private/components/data/IngestionTaxiis.jsx
index 9bbb9bac9961f..499f142cd0650 100644
--- a/opencti-platform/opencti-front/src/private/components/data/IngestionTaxiis.jsx
+++ b/opencti-platform/opencti-front/src/private/components/data/IngestionTaxiis.jsx
@@ -82,7 +82,7 @@ const IngestionTaxii = () => {
   }
   return (
     <div className={classes.container}>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Ingestion') }, { label: t_i18n('TAXII feeds'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Ingestion') }, { label: t_i18n('TAXII feeds'), current: true }]} />
       <IngestionMenu/>
       <ListLines
         helpers={storageHelpers}
diff --git a/opencti-platform/opencti-front/src/private/components/data/Playbooks.tsx b/opencti-platform/opencti-front/src/private/components/data/Playbooks.tsx
index 3c3725c969699..119165e1e045e 100644
--- a/opencti-platform/opencti-front/src/private/components/data/Playbooks.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/Playbooks.tsx
@@ -123,7 +123,7 @@ const Playbooks: FunctionComponent = () => {
   };
   return (
     <div className={classes.container}>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Processing') }, { label: t_i18n('Automation'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Processing') }, { label: t_i18n('Automation'), current: true }]} />
       <ProcessingMenu />
       {isEnterpriseEdition ? (
         <>
diff --git a/opencti-platform/opencti-front/src/private/components/data/Relationships.tsx b/opencti-platform/opencti-front/src/private/components/data/Relationships.tsx
index 4642ea16a4cf0..97d019af7eb14 100644
--- a/opencti-platform/opencti-front/src/private/components/data/Relationships.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/Relationships.tsx
@@ -299,7 +299,7 @@ const Relationships = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Relationships'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Relationships'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/data/Stream.jsx b/opencti-platform/opencti-front/src/private/components/data/Stream.jsx
index 43b1948f14eba..fbf42638c736c 100644
--- a/opencti-platform/opencti-front/src/private/components/data/Stream.jsx
+++ b/opencti-platform/opencti-front/src/private/components/data/Stream.jsx
@@ -127,7 +127,7 @@ class Stream extends Component {
     };
     return (
       <div className={classes.container}>
-        <Breadcrumbs variant="list" elements={[{ label: t('Data') }, { label: t('Data sharing') }, { label: t('Live streams'), current: true }]} />
+        <Breadcrumbs elements={[{ label: t('Data') }, { label: t('Data sharing') }, { label: t('Live streams'), current: true }]} />
         <SharingMenu/>
         {view === 'lines' ? this.renderLines(paginationOptions) : ''}
         <Security needs={[TAXIIAPI_SETCOLLECTIONS]}>
diff --git a/opencti-platform/opencti-front/src/private/components/data/Sync.jsx b/opencti-platform/opencti-front/src/private/components/data/Sync.jsx
index e4fa650e16564..5cc0e29ba5fdf 100644
--- a/opencti-platform/opencti-front/src/private/components/data/Sync.jsx
+++ b/opencti-platform/opencti-front/src/private/components/data/Sync.jsx
@@ -79,7 +79,7 @@ const Sync = () => {
   }
   return (
     <div className={classes.container}>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Ingestion') }, { label: t_i18n('OpenCTI Streams'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Ingestion') }, { label: t_i18n('OpenCTI Streams'), current: true }]} />
       <IngestionMenu/>
       <ListLines
         sortBy={viewStorage.sortBy}
diff --git a/opencti-platform/opencti-front/src/private/components/data/Tasks.jsx b/opencti-platform/opencti-front/src/private/components/data/Tasks.jsx
index faab01f781bc6..e561dedb81802 100644
--- a/opencti-platform/opencti-front/src/private/components/data/Tasks.jsx
+++ b/opencti-platform/opencti-front/src/private/components/data/Tasks.jsx
@@ -60,7 +60,7 @@ const Tasks = () => {
     <div className={classes.container}
       data-testid='processing-tasks-page'
     >
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Processing') }, { label: t_i18n('Tasks'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Processing') }, { label: t_i18n('Tasks'), current: true }]} />
       <ProcessingMenu />
       <Typography variant="h4" gutterBottom={true}>
         {t_i18n('In progress tasks')}
diff --git a/opencti-platform/opencti-front/src/private/components/data/Taxii.tsx b/opencti-platform/opencti-front/src/private/components/data/Taxii.tsx
index d630d12ed1e10..9348399a86fc4 100644
--- a/opencti-platform/opencti-front/src/private/components/data/Taxii.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/Taxii.tsx
@@ -118,7 +118,7 @@ const Taxii = () => {
     }}
       aria-label="TaxiiCollections"
     >
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Data sharing') }, { label: t_i18n('TAXII collections'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Data sharing') }, { label: t_i18n('TAXII collections'), current: true }]} />
       <SharingMenu/>
       {taxiiState.view === 'lines' ? renderLines(paginationOptions) : null}
       <Security needs={[TAXIIAPI_SETCOLLECTIONS]}>
diff --git a/opencti-platform/opencti-front/src/private/components/data/connectors/Root.jsx b/opencti-platform/opencti-front/src/private/components/data/connectors/Root.jsx
index 41ef966cd15c9..5889d7ef92f14 100644
--- a/opencti-platform/opencti-front/src/private/components/data/connectors/Root.jsx
+++ b/opencti-platform/opencti-front/src/private/components/data/connectors/Root.jsx
@@ -25,7 +25,7 @@ class RootConnector extends Component {
             if (props.connector) {
               return (
                 <>
-                  <Breadcrumbs variant="list" elements={[{ label: t('Data') }, { label: t('Ingestion') }, { label: t('Connectors'), link: '/dashboard/data/ingestion/connectors' }, { label: props.connector.name, current: true }]} />
+                  <Breadcrumbs elements={[{ label: t('Data') }, { label: t('Ingestion') }, { label: t('Connectors'), link: '/dashboard/data/ingestion/connectors' }, { label: props.connector.name, current: true }]} />
                   <Routes>
                     <Route
                       path="/"
diff --git a/opencti-platform/opencti-front/src/private/components/data/import/ImportContent.jsx b/opencti-platform/opencti-front/src/private/components/data/import/ImportContent.jsx
index 60690cf4b42fc..8d6603a0b5c0c 100644
--- a/opencti-platform/opencti-front/src/private/components/data/import/ImportContent.jsx
+++ b/opencti-platform/opencti-front/src/private/components/data/import/ImportContent.jsx
@@ -344,7 +344,7 @@ class ImportContentComponent extends Component {
       && this.state.selectedConnector?.configurations?.length === 0;
     return (
       <div style={{ paddingRight: isNewImportScreensEnabled ? 200 : 0 }}>
-        <Breadcrumbs variant="list" elements={[{ label: t('Data') }, { label: t('Import'), current: true }]} />
+        <Breadcrumbs elements={[{ label: t('Data') }, { label: t('Import'), current: true }]} />
         {isNewImportScreensEnabled && <ImportMenu/>}
         <Grid
           container={true}
diff --git a/opencti-platform/opencti-front/src/private/components/data/import/ImportFilesContent.tsx b/opencti-platform/opencti-front/src/private/components/data/import/ImportFilesContent.tsx
index 606f1ee22d712..0a109afc536ec 100644
--- a/opencti-platform/opencti-front/src/private/components/data/import/ImportFilesContent.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/import/ImportFilesContent.tsx
@@ -195,7 +195,7 @@ const ImportFilesContent = () => {
 
   return (
     <div style={{ height: '100%', paddingRight: 200 }} className="break">
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Uploaded Files'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Uploaded Files'), current: true }]} />
       <ImportMenu />
       <Dialog
         PaperProps={{ elevation: 1 }}
diff --git a/opencti-platform/opencti-front/src/private/components/data/import/ImportWorkbenchesContent.tsx b/opencti-platform/opencti-front/src/private/components/data/import/ImportWorkbenchesContent.tsx
index 3db02d75fde98..94ce9bf7ff299 100644
--- a/opencti-platform/opencti-front/src/private/components/data/import/ImportWorkbenchesContent.tsx
+++ b/opencti-platform/opencti-front/src/private/components/data/import/ImportWorkbenchesContent.tsx
@@ -187,7 +187,7 @@ const ImportWorkbenchesContent = () => {
 
   return (
     <div style={{ height: '100%', paddingRight: 200 }} className="break">
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Data') }, { label: t_i18n('Analyst workbenches'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Data') }, { label: t_i18n('Analyst workbenches'), current: true }]} />
       <ImportMenu />
       <Dialog
         PaperProps={{ elevation: 1 }}
diff --git a/opencti-platform/opencti-front/src/private/components/entities/Events.tsx b/opencti-platform/opencti-front/src/private/components/entities/Events.tsx
index 65c801d7c09f2..b3dafee2b1f6a 100644
--- a/opencti-platform/opencti-front/src/private/components/entities/Events.tsx
+++ b/opencti-platform/opencti-front/src/private/components/entities/Events.tsx
@@ -121,7 +121,7 @@ const Events = () => {
   };
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Entities') }, { label: t_i18n('Events'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Entities') }, { label: t_i18n('Events'), current: true }]} />
       {renderLines()}
       {!isFABReplaced
         && <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/entities/Individuals.tsx b/opencti-platform/opencti-front/src/private/components/entities/Individuals.tsx
index 8f9fb9f2d4222..8208a9a076382 100644
--- a/opencti-platform/opencti-front/src/private/components/entities/Individuals.tsx
+++ b/opencti-platform/opencti-front/src/private/components/entities/Individuals.tsx
@@ -117,7 +117,7 @@ const Individuals = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Entities') }, { label: t_i18n('Individuals'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Entities') }, { label: t_i18n('Individuals'), current: true }]} />
       {renderLines()}
       {!isFABReplaced
         && <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/entities/Organizations.tsx b/opencti-platform/opencti-front/src/private/components/entities/Organizations.tsx
index d8e9f3a094247..ecde43ded40b8 100644
--- a/opencti-platform/opencti-front/src/private/components/entities/Organizations.tsx
+++ b/opencti-platform/opencti-front/src/private/components/entities/Organizations.tsx
@@ -125,7 +125,7 @@ const Organizations = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Entities') }, { label: t_i18n('Organizations'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Entities') }, { label: t_i18n('Organizations'), current: true }]} />
       {renderLines()}
       {!isFABReplaced
         && <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/entities/Sectors.jsx b/opencti-platform/opencti-front/src/private/components/entities/Sectors.jsx
index c18247e5cff6d..e78ac4e40d8c7 100644
--- a/opencti-platform/opencti-front/src/private/components/entities/Sectors.jsx
+++ b/opencti-platform/opencti-front/src/private/components/entities/Sectors.jsx
@@ -50,7 +50,7 @@ class Sectors extends Component {
     const { t } = this.props;
     return (
       <>
-        <Breadcrumbs variant="list" elements={[{ label: t('Entities') }, { label: t('Sectors'), current: true }]} />
+        <Breadcrumbs elements={[{ label: t('Entities') }, { label: t('Sectors'), current: true }]} />
         <div style={{ marginTop: -10 }}>
           <SearchInput
             variant="small"
diff --git a/opencti-platform/opencti-front/src/private/components/entities/Systems.tsx b/opencti-platform/opencti-front/src/private/components/entities/Systems.tsx
index 14eff726a0c7f..c924c32bbfc7a 100644
--- a/opencti-platform/opencti-front/src/private/components/entities/Systems.tsx
+++ b/opencti-platform/opencti-front/src/private/components/entities/Systems.tsx
@@ -118,7 +118,7 @@ const Systems = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Entities') }, { label: t_i18n('Systems'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Entities') }, { label: t_i18n('Systems'), current: true }]} />
       {renderLines()}
       {!isFABReplaced
         && <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/entities/events/Root.tsx b/opencti-platform/opencti-front/src/private/components/entities/events/Root.tsx
index 4495ad43524ff..fb9c7285e4739 100644
--- a/opencti-platform/opencti-front/src/private/components/entities/events/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/entities/events/Root.tsx
@@ -127,7 +127,7 @@ const RootEvent = ({ eventId, queryRef }: RootEventProps) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Entities') },
               { label: t_i18n('Events'), link: '/dashboard/entities/events' },
               { label: event.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/entities/individuals/Root.tsx b/opencti-platform/opencti-front/src/private/components/entities/individuals/Root.tsx
index f956af9fb86f2..debe73c7df08d 100644
--- a/opencti-platform/opencti-front/src/private/components/entities/individuals/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/entities/individuals/Root.tsx
@@ -161,7 +161,7 @@ const RootIndividual = ({ individualId, queryRef }: RootIndividualProps) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Entities') },
               { label: t_i18n('Individuals'), link: '/dashboard/entities/individuals' },
               { label: individual.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/entities/organizations/Root.tsx b/opencti-platform/opencti-front/src/private/components/entities/organizations/Root.tsx
index 83a14e27dac78..b2f3930f70dfc 100644
--- a/opencti-platform/opencti-front/src/private/components/entities/organizations/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/entities/organizations/Root.tsx
@@ -159,7 +159,7 @@ const RootOrganization = ({ organizationId, queryRef }: RootOrganizationProps) =
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Entities') },
               { label: t_i18n('Organizations'), link: '/dashboard/entities/organizations' },
               { label: organization.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/entities/sectors/Root.tsx b/opencti-platform/opencti-front/src/private/components/entities/sectors/Root.tsx
index 156d2d11d5e51..c6b16fdb561fe 100644
--- a/opencti-platform/opencti-front/src/private/components/entities/sectors/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/entities/sectors/Root.tsx
@@ -129,7 +129,7 @@ const RootSector = ({ sectorId, queryRef }: RootSectorProps) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Entities') },
               { label: t_i18n('Sectors'), link: '/dashboard/entities/sectors' },
               { label: sector.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/entities/systems/Root.tsx b/opencti-platform/opencti-front/src/private/components/entities/systems/Root.tsx
index 2e3e804b19c3f..2bbe0ae348f4f 100644
--- a/opencti-platform/opencti-front/src/private/components/entities/systems/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/entities/systems/Root.tsx
@@ -153,7 +153,7 @@ const RootSystem = ({ systemId, queryRef }: RootSystemProps) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Entities') },
               { label: t_i18n('Systems'), link: '/dashboard/entities/systems' },
               { label: system.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/events/Incidents.tsx b/opencti-platform/opencti-front/src/private/components/events/Incidents.tsx
index 2365423099c2a..41ce4aabc0afe 100644
--- a/opencti-platform/opencti-front/src/private/components/events/Incidents.tsx
+++ b/opencti-platform/opencti-front/src/private/components/events/Incidents.tsx
@@ -77,7 +77,7 @@ const Incidents: FunctionComponent = () => {
 
   return (
     <div data-testid='incident-page'>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Events') }, { label: t_i18n('Incidents'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Events') }, { label: t_i18n('Incidents'), current: true }]} />
       {queryRef && (
         <DataTable
           storageKey={LOCAL_STORAGE_KEY}
diff --git a/opencti-platform/opencti-front/src/private/components/events/ObservedDatas.tsx b/opencti-platform/opencti-front/src/private/components/events/ObservedDatas.tsx
index dbbd9072a798f..e16c72f08722a 100644
--- a/opencti-platform/opencti-front/src/private/components/events/ObservedDatas.tsx
+++ b/opencti-platform/opencti-front/src/private/components/events/ObservedDatas.tsx
@@ -179,7 +179,7 @@ const ObservedDatas: FunctionComponent = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Events') }, { label: t_i18n('Observed datas'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Events') }, { label: t_i18n('Observed datas'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/events/StixSightingRelationships.tsx b/opencti-platform/opencti-front/src/private/components/events/StixSightingRelationships.tsx
index ae92a392e38a7..022bac2395929 100644
--- a/opencti-platform/opencti-front/src/private/components/events/StixSightingRelationships.tsx
+++ b/opencti-platform/opencti-front/src/private/components/events/StixSightingRelationships.tsx
@@ -355,7 +355,7 @@ const StixSightingRelationships = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Events') }, { label: t_i18n('Sightings'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Events') }, { label: t_i18n('Sightings'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/events/incidents/Root.tsx b/opencti-platform/opencti-front/src/private/components/events/incidents/Root.tsx
index 8da81f0b2eeba..73be4d747626c 100644
--- a/opencti-platform/opencti-front/src/private/components/events/incidents/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/events/incidents/Root.tsx
@@ -131,7 +131,7 @@ const RootIncidentComponent = ({ queryRef }) => {
           <div
             style={{ paddingRight: paddingRightValue() }}
           >
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Events') },
               { label: t_i18n('Incidents'), link: '/dashboard/events/incidents' },
               { label: incident.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/events/observed_data/Root.jsx b/opencti-platform/opencti-front/src/private/components/events/observed_data/Root.jsx
index 1367f1dba3da0..d0493e7206565 100644
--- a/opencti-platform/opencti-front/src/private/components/events/observed_data/Root.jsx
+++ b/opencti-platform/opencti-front/src/private/components/events/observed_data/Root.jsx
@@ -114,7 +114,7 @@ class RootObservedData extends Component {
               }
               return (
                 <div style={{ paddingRight }}>
-                  <Breadcrumbs variant="object" elements={[
+                  <Breadcrumbs elements={[
                     { label: t('Events') },
                     { label: t('Observed datas'), link: '/dashboard/events/observed_data' },
                     { label: observedData.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/events/stix_sighting_relationships/StixSightingRelationship.tsx b/opencti-platform/opencti-front/src/private/components/events/stix_sighting_relationships/StixSightingRelationship.tsx
index 7b70a1dc1c969..07f96cacf92f4 100644
--- a/opencti-platform/opencti-front/src/private/components/events/stix_sighting_relationships/StixSightingRelationship.tsx
+++ b/opencti-platform/opencti-front/src/private/components/events/stix_sighting_relationships/StixSightingRelationship.tsx
@@ -73,7 +73,7 @@ StixSightingRelationshipProps
           if (result.props && result.props.stixSightingRelationship) {
             return (<>
               <SightingHeader>
-                <Breadcrumbs variant="object" elements={[
+                <Breadcrumbs elements={[
                   { label: t_i18n('Events') },
                   { label: t_i18n('Sightings'), link: '/dashboard/events/sightings' },
                   { label: t_i18n('Sighting'), current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/locations/AdministrativeAreas.tsx b/opencti-platform/opencti-front/src/private/components/locations/AdministrativeAreas.tsx
index daa914409fe61..e0520e3061e9c 100644
--- a/opencti-platform/opencti-front/src/private/components/locations/AdministrativeAreas.tsx
+++ b/opencti-platform/opencti-front/src/private/components/locations/AdministrativeAreas.tsx
@@ -117,7 +117,7 @@ const AdministrativeAreas: FunctionComponent = () => {
   };
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Locations') }, { label: t_i18n('Administrative areas'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Locations') }, { label: t_i18n('Administrative areas'), current: true }]} />
       {renderLines()}
       {!FABReplaced
         && <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/locations/Cities.tsx b/opencti-platform/opencti-front/src/private/components/locations/Cities.tsx
index b4c7237436298..67ef5a6cdfef1 100644
--- a/opencti-platform/opencti-front/src/private/components/locations/Cities.tsx
+++ b/opencti-platform/opencti-front/src/private/components/locations/Cities.tsx
@@ -111,7 +111,7 @@ const Cities: FunctionComponent = () => {
   };
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Locations') }, { label: t_i18n('Cities'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Locations') }, { label: t_i18n('Cities'), current: true }]} />
       {renderLines()}
       {!FABReplaced
         && <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/locations/Countries.tsx b/opencti-platform/opencti-front/src/private/components/locations/Countries.tsx
index aa73773eb77ae..1b743b6b883d9 100644
--- a/opencti-platform/opencti-front/src/private/components/locations/Countries.tsx
+++ b/opencti-platform/opencti-front/src/private/components/locations/Countries.tsx
@@ -111,7 +111,7 @@ const Countries: FunctionComponent = () => {
   };
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Locations') }, { label: t_i18n('Countries'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Locations') }, { label: t_i18n('Countries'), current: true }]} />
       {renderLines()}
       {!FABReplaced
         && <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/locations/Positions.tsx b/opencti-platform/opencti-front/src/private/components/locations/Positions.tsx
index ba92b8f76d64d..ecaa0fa56e018 100644
--- a/opencti-platform/opencti-front/src/private/components/locations/Positions.tsx
+++ b/opencti-platform/opencti-front/src/private/components/locations/Positions.tsx
@@ -111,7 +111,7 @@ const Positions: FunctionComponent = () => {
   };
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Locations') }, { label: t_i18n('Positions'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Locations') }, { label: t_i18n('Positions'), current: true }]} />
       {renderLines()}
       {!FABReplaced
         && <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/locations/Regions.tsx b/opencti-platform/opencti-front/src/private/components/locations/Regions.tsx
index b7c0637dd9865..56856243c9c17 100644
--- a/opencti-platform/opencti-front/src/private/components/locations/Regions.tsx
+++ b/opencti-platform/opencti-front/src/private/components/locations/Regions.tsx
@@ -111,7 +111,7 @@ const Regions: FunctionComponent = () => {
   };
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Locations') }, { label: t_i18n('Regions'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Locations') }, { label: t_i18n('Regions'), current: true }]} />
       {renderLines()}
       {!FABReplaced
         && <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/locations/administrative_areas/Root.tsx b/opencti-platform/opencti-front/src/private/components/locations/administrative_areas/Root.tsx
index 2f6ed2b1a86c6..51bf20ded5887 100644
--- a/opencti-platform/opencti-front/src/private/components/locations/administrative_areas/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/locations/administrative_areas/Root.tsx
@@ -126,7 +126,7 @@ const RootAdministrativeAreaComponent = ({ queryRef, administrativeAreaId }) =>
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Locations') },
               { label: t_i18n('Administrative areas'), link: '/dashboard/locations/administrative_areas' },
               { label: administrativeArea.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/locations/cities/Root.tsx b/opencti-platform/opencti-front/src/private/components/locations/cities/Root.tsx
index 97ae95e8f2a67..5e42b25efffcb 100644
--- a/opencti-platform/opencti-front/src/private/components/locations/cities/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/locations/cities/Root.tsx
@@ -124,7 +124,7 @@ const RootCityComponent = ({ queryRef, cityId }) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Locations') },
               { label: t_i18n('Cities'), link: '/dashboard/locations/cities' },
               { label: city.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/locations/countries/Root.tsx b/opencti-platform/opencti-front/src/private/components/locations/countries/Root.tsx
index ce6bb69294861..320cb27979ac8 100644
--- a/opencti-platform/opencti-front/src/private/components/locations/countries/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/locations/countries/Root.tsx
@@ -126,7 +126,7 @@ const RootCountryComponent = ({ queryRef, countryId }) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Locations') },
               { label: t_i18n('Countries'), link: '/dashboard/locations/countries' },
               { label: country.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/locations/positions/Root.tsx b/opencti-platform/opencti-front/src/private/components/locations/positions/Root.tsx
index 038787a0780b4..3bd6e88f728a7 100644
--- a/opencti-platform/opencti-front/src/private/components/locations/positions/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/locations/positions/Root.tsx
@@ -131,7 +131,7 @@ const RootPosition = ({ positionId, queryRef }: RootPositionProps) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Locations') },
               { label: t_i18n('Positions'), link: '/dashboard/locations/positions' },
               { label: position.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/locations/regions/Root.tsx b/opencti-platform/opencti-front/src/private/components/locations/regions/Root.tsx
index 7fa199f549448..7fc4738d2d119 100644
--- a/opencti-platform/opencti-front/src/private/components/locations/regions/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/locations/regions/Root.tsx
@@ -128,7 +128,7 @@ const RootRegionComponent = ({ queryRef, regionId }) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Locations') },
               { label: t_i18n('Regions'), link: '/dashboard/locations/regions' },
               { label: region.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/observations/Artifacts.tsx b/opencti-platform/opencti-front/src/private/components/observations/Artifacts.tsx
index 028892c2be514..7d027cad69de2 100644
--- a/opencti-platform/opencti-front/src/private/components/observations/Artifacts.tsx
+++ b/opencti-platform/opencti-front/src/private/components/observations/Artifacts.tsx
@@ -181,7 +181,7 @@ const Artifacts: FunctionComponent = () => {
   return (
     <div data-testid="artifact-page">
       <ExportContextProvider>
-        <Breadcrumbs variant="list" elements={[{ label: t_i18n('Observations') }, { label: t_i18n('Artifacts'), current: true }]} />
+        <Breadcrumbs elements={[{ label: t_i18n('Observations') }, { label: t_i18n('Artifacts'), current: true }]} />
         {queryRef && (
           <DataTable
             dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/observations/Indicators.tsx b/opencti-platform/opencti-front/src/private/components/observations/Indicators.tsx
index b727eaf18d1ae..787a71ead17fb 100644
--- a/opencti-platform/opencti-front/src/private/components/observations/Indicators.tsx
+++ b/opencti-platform/opencti-front/src/private/components/observations/Indicators.tsx
@@ -187,7 +187,7 @@ const Indicators = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Observations') }, { label: t_i18n('Indicators'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Observations') }, { label: t_i18n('Indicators'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/observations/Infrastructures.tsx b/opencti-platform/opencti-front/src/private/components/observations/Infrastructures.tsx
index 0a88cc1ac72a5..4a0b7a7cb84bd 100644
--- a/opencti-platform/opencti-front/src/private/components/observations/Infrastructures.tsx
+++ b/opencti-platform/opencti-front/src/private/components/observations/Infrastructures.tsx
@@ -162,7 +162,7 @@ const Infrastructures = () => {
 
   return (
     <ExportContextProvider>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Observations') }, { label: t_i18n('Infrastructures'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Observations') }, { label: t_i18n('Infrastructures'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/observations/StixCyberObservables.tsx b/opencti-platform/opencti-front/src/private/components/observations/StixCyberObservables.tsx
index 702a540aa0f02..9e33d88c659d3 100644
--- a/opencti-platform/opencti-front/src/private/components/observations/StixCyberObservables.tsx
+++ b/opencti-platform/opencti-front/src/private/components/observations/StixCyberObservables.tsx
@@ -131,7 +131,7 @@ const StixCyberObservables: FunctionComponent = () => {
 
   return (
     <ExportContextProvider>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Observations') }, { label: t_i18n('Observables'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Observations') }, { label: t_i18n('Observables'), current: true }]} />
       {queryRef && (
         <DataTable
           storageKey={LOCAL_STORAGE_KEY}
diff --git a/opencti-platform/opencti-front/src/private/components/observations/artifacts/Root.jsx b/opencti-platform/opencti-front/src/private/components/observations/artifacts/Root.jsx
index e601db5b5acab..a55e09477774a 100644
--- a/opencti-platform/opencti-front/src/private/components/observations/artifacts/Root.jsx
+++ b/opencti-platform/opencti-front/src/private/components/observations/artifacts/Root.jsx
@@ -99,7 +99,7 @@ class RootArtifact extends Component {
                 const paddingRight = getPaddingRight(location.pathname, stixCyberObservable.id, '/dashboard/observations/artifacts', false);
                 return (
                   <div style={{ paddingRight }}>
-                    <Breadcrumbs variant="object" elements={[
+                    <Breadcrumbs elements={[
                       { label: t('Observations') },
                       { label: t('Artifacts'), link: '/dashboard/observations/artifacts' },
                       { label: stixCyberObservable.observable_value, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/observations/indicators/Root.tsx b/opencti-platform/opencti-front/src/private/components/observations/indicators/Root.tsx
index 49bbdca8fcda9..abb26fc33356a 100644
--- a/opencti-platform/opencti-front/src/private/components/observations/indicators/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/observations/indicators/Root.tsx
@@ -100,7 +100,7 @@ const RootIndicator = ({ indicatorId, queryRef }: RootIndicatorProps) => {
     <>
       {indicator ? (
         <div style={{ paddingRight }}>
-          <Breadcrumbs variant="object" elements={[
+          <Breadcrumbs elements={[
             { label: t_i18n('Observations') },
             { label: t_i18n('Indicators'), link: '/dashboard/observations/indicators' },
             { label: (indicator.name ?? indicator.pattern ?? ''), current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/observations/infrastructures/Root.tsx b/opencti-platform/opencti-front/src/private/components/observations/infrastructures/Root.tsx
index 0fb1a6e364c28..29a182acb00a7 100644
--- a/opencti-platform/opencti-front/src/private/components/observations/infrastructures/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/observations/infrastructures/Root.tsx
@@ -99,7 +99,7 @@ const RootInfrastructureComponent = ({ queryRef, infrastructureId }) => {
         <div
           style={{ paddingRight: paddingRightValue() }}
         >
-          <Breadcrumbs variant="object" elements={[
+          <Breadcrumbs elements={[
             { label: t_i18n('Observations') },
             { label: t_i18n('Infrastructures'), link: '/dashboard/observations/infrastructures' },
             { label: infrastructure.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/observations/stix_cyber_observables/Root.tsx b/opencti-platform/opencti-front/src/private/components/observations/stix_cyber_observables/Root.tsx
index 5dcaf70c05957..d385fbdb01529 100644
--- a/opencti-platform/opencti-front/src/private/components/observations/stix_cyber_observables/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/observations/stix_cyber_observables/Root.tsx
@@ -96,7 +96,7 @@ const RootStixCyberObservable = ({ observableId, queryRef }: RootStixCyberObserv
     <>
       {stixCyberObservable ? (
         <div style={{ paddingRight }}>
-          <Breadcrumbs variant="object" elements={[
+          <Breadcrumbs elements={[
             { label: t_i18n('Observations') },
             { label: t_i18n('Observables'), link: '/dashboard/observations/observables' },
             { label: stixCyberObservable.observable_value, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/profile/Notifications.tsx b/opencti-platform/opencti-front/src/private/components/profile/Notifications.tsx
index f2a0d5c47dd01..6d75fb0e5d084 100644
--- a/opencti-platform/opencti-front/src/private/components/profile/Notifications.tsx
+++ b/opencti-platform/opencti-front/src/private/components/profile/Notifications.tsx
@@ -160,7 +160,7 @@ const Notifications: FunctionComponent = () => {
   };
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Notifications'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Notifications'), current: true }]} />
       {renderLines()}
     </>
   );
diff --git a/opencti-platform/opencti-front/src/private/components/profile/Triggers.tsx b/opencti-platform/opencti-front/src/private/components/profile/Triggers.tsx
index db77895941022..2134d60dd783c 100644
--- a/opencti-platform/opencti-front/src/private/components/profile/Triggers.tsx
+++ b/opencti-platform/opencti-front/src/private/components/profile/Triggers.tsx
@@ -112,7 +112,7 @@ const Triggers: FunctionComponent = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Triggers'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Triggers'), current: true }]} />
       {renderLines()}
       <TriggerCreation paginationOptions={paginationOptions} />
     </>
diff --git a/opencti-platform/opencti-front/src/private/components/search/SearchContainerQuery.tsx b/opencti-platform/opencti-front/src/private/components/search/SearchContainerQuery.tsx
index 18a82be4cf921..c64bd78377502 100644
--- a/opencti-platform/opencti-front/src/private/components/search/SearchContainerQuery.tsx
+++ b/opencti-platform/opencti-front/src/private/components/search/SearchContainerQuery.tsx
@@ -6,12 +6,14 @@ import { Link, useLocation, useParams } from 'react-router-dom';
 import EEChip from '@components/common/entreprise_edition/EEChip';
 import { graphql, PreloadedQuery, usePreloadedQuery, useQueryLoader } from 'react-relay';
 import Badge from '@mui/material/Badge';
+import { useTheme } from '@mui/styles';
 import ExportContextProvider from '../../../utils/ExportContextProvider';
 import { useFormatter } from '../../../components/i18n';
 import { decodeSearchKeyword } from '../../../utils/SearchUtils';
 import useAuth from '../../../utils/hooks/useAuth';
 import { SearchContainerQueryFilesCountQuery } from './__generated__/SearchContainerQueryFilesCountQuery.graphql';
 import Breadcrumbs from '../../../components/Breadcrumbs';
+import type { Theme } from '../../../components/Theme';
 
 const searchContainerQueryFilesCountQuery = graphql`
   query SearchContainerQueryFilesCountQuery($search: String) {
@@ -26,6 +28,7 @@ interface SearchRootComponentProps {
 
 const SearchContainer: FunctionComponent<SearchRootComponentProps> = ({ children, filesCount = 0 }) => {
   const { t_i18n } = useFormatter();
+  const theme = useTheme<Theme>();
   const { keyword } = useParams() as { keyword: string };
   const location = useLocation();
   let searchType = 'knowledge';
@@ -34,12 +37,13 @@ const SearchContainer: FunctionComponent<SearchRootComponentProps> = ({ children
   }
   return (
     <ExportContextProvider>
-      <Breadcrumbs variant="standard" elements={[{ label: t_i18n('Search') }, { label: t_i18n('Advanced search'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Search') }, { label: t_i18n('Advanced search'), current: true }]} />
       <Box
         sx={{
           borderBottom: 1,
           borderColor: 'divider',
           marginBottom: 3,
+          marginTop: theme.spacing(-1),
         }}
       >
         <Tabs id="tabs-container" value={searchType}>
diff --git a/opencti-platform/opencti-front/src/private/components/settings/Groups.jsx b/opencti-platform/opencti-front/src/private/components/settings/Groups.jsx
index c661ec77a84e8..f1b28a00fa28f 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/Groups.jsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/Groups.jsx
@@ -157,7 +157,7 @@ class Groups extends Component {
     };
     return (
       <div className={classes.container} data-testid="groups-settings-page">
-        <Breadcrumbs variant="list" elements={[{ label: t('Settings') }, { label: t('Security') }, { label: t('Groups'), current: true }]} />
+        <Breadcrumbs elements={[{ label: t('Settings') }, { label: t('Security') }, { label: t('Groups'), current: true }]} />
         <AccessesMenu />
         {view === 'lines' ? this.renderLines(paginationOptions) : ''}
         <GroupCreation paginationOptions={paginationOptions} />
diff --git a/opencti-platform/opencti-front/src/private/components/settings/KillChainPhases.jsx b/opencti-platform/opencti-front/src/private/components/settings/KillChainPhases.jsx
index 657864d207bc5..ed32c4d133c84 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/KillChainPhases.jsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/KillChainPhases.jsx
@@ -145,7 +145,7 @@ const KillChainPhases = () => {
   return (
     <div style={{ marginRight: 200 }}>
       <LabelsVocabulariesMenu />
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Taxonomies') }, { label: t_i18n('Kill chain phases'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Taxonomies') }, { label: t_i18n('Kill chain phases'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/settings/Labels.jsx b/opencti-platform/opencti-front/src/private/components/settings/Labels.jsx
index 0b6eaae41c799..a5c078abc4c43 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/Labels.jsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/Labels.jsx
@@ -146,7 +146,7 @@ const Labels = () => {
   return (
     <div className={classes.container}>
       <LabelsVocabulariesMenu />
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Taxonomies') }, { label: t_i18n('Labels'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Taxonomies') }, { label: t_i18n('Labels'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/settings/MarkingDefinitions.jsx b/opencti-platform/opencti-front/src/private/components/settings/MarkingDefinitions.jsx
index 961497e8d887a..12f6dc28d5bc2 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/MarkingDefinitions.jsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/MarkingDefinitions.jsx
@@ -119,7 +119,7 @@ class MarkingDefinitions extends Component {
     };
     return (
       <div className={classes.container}>
-        <Breadcrumbs variant="list" elements={[{ label: t('Settings') }, { label: t('Security') }, { label: t('Marking definitions'), current: true }]} />
+        <Breadcrumbs elements={[{ label: t('Settings') }, { label: t('Security') }, { label: t('Marking definitions'), current: true }]} />
         <AccessesMenu />
         {view === 'lines' ? this.renderLines(paginationOptions) : ''}
         <MarkingDefinitionCreation paginationOptions={paginationOptions} />
diff --git a/opencti-platform/opencti-front/src/private/components/settings/Notifiers.tsx b/opencti-platform/opencti-front/src/private/components/settings/Notifiers.tsx
index c4fa16d5875e3..eacbf695c06ae 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/Notifiers.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/Notifiers.tsx
@@ -71,7 +71,7 @@ const Notifiers = () => {
   return (
     <div className={classes.container}>
       <CustomizationMenu />
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Customization') }, { label: t_i18n('Notifiers'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Customization') }, { label: t_i18n('Notifiers'), current: true }]} />
       <NotifierCreation paginationOptions={paginationOptions} />
       <ListLines
         helpers={storageHelpers}
diff --git a/opencti-platform/opencti-front/src/private/components/settings/Policies.tsx b/opencti-platform/opencti-front/src/private/components/settings/Policies.tsx
index a32a23205905a..03dad5fcd084e 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/Policies.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/Policies.tsx
@@ -165,7 +165,7 @@ const PoliciesComponent: FunctionComponent<PoliciesComponentProps> = ({
   return (
     <div className={classes.container}>
       <AccessesMenu />
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Security') }, { label: t_i18n('Policies'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Security') }, { label: t_i18n('Policies'), current: true }]} />
       <Grid container={true} spacing={3}>
         <Grid item xs={12}>
           <Formik
diff --git a/opencti-platform/opencti-front/src/private/components/settings/Retention.tsx b/opencti-platform/opencti-front/src/private/components/settings/Retention.tsx
index 09db284971492..3c0f5717cbc51 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/Retention.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/Retention.tsx
@@ -86,7 +86,7 @@ const Retention = () => {
   return (
     <div className={classes.container}>
       <CustomizationMenu />
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Customization') }, { label: t_i18n('Retention'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Customization') }, { label: t_i18n('Retention'), current: true }]} />
       <ListLines
         dataColumns={dataColumns}
         handleSearch={storageHelpers.handleSearch}
diff --git a/opencti-platform/opencti-front/src/private/components/settings/Roles.jsx b/opencti-platform/opencti-front/src/private/components/settings/Roles.jsx
index 6e086fae4ddbd..a8e7b56662a9a 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/Roles.jsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/Roles.jsx
@@ -115,7 +115,7 @@ class Roles extends Component {
     };
     return (
       <div className={classes.container} data-testid='roles-settings-page'>
-        <Breadcrumbs variant="list" elements={[{ label: t('Settings') }, { label: t('Security') }, { label: t('Roles'), current: true }]} />
+        <Breadcrumbs elements={[{ label: t('Settings') }, { label: t('Security') }, { label: t('Roles'), current: true }]} />
         <AccessesMenu />
         {view === 'lines' ? this.renderLines(paginationOptions) : ''}
         <RoleCreation paginationOptions={paginationOptions} />
diff --git a/opencti-platform/opencti-front/src/private/components/settings/Rules.jsx b/opencti-platform/opencti-front/src/private/components/settings/Rules.jsx
index d9c5164cc0225..f2f6518625cc2 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/Rules.jsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/Rules.jsx
@@ -43,7 +43,7 @@ const Rules = () => {
   return (
     <div className={classes.container}>
       <CustomizationMenu />
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Customization') }, { label: t_i18n('Rules engine'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Customization') }, { label: t_i18n('Rules engine'), current: true }]} />
       <UserContext.Consumer>
         {({ platformModuleHelpers }) => {
           if (!platformModuleHelpers.isRuleEngineEnable()) {
diff --git a/opencti-platform/opencti-front/src/private/components/settings/Sessions.jsx b/opencti-platform/opencti-front/src/private/components/settings/Sessions.jsx
index bdf6993160d4a..39201b6dd6fbc 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/Sessions.jsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/Sessions.jsx
@@ -57,7 +57,7 @@ class Sessions extends Component {
     return (
       <div className={classes.container}>
         <AccessesMenu />
-        <Breadcrumbs variant="list" elements={[{ label: t('Settings') }, { label: t('Security') }, { label: t('Sessions'), current: true }]} />
+        <Breadcrumbs elements={[{ label: t('Settings') }, { label: t('Security') }, { label: t('Sessions'), current: true }]} />
         <div className={classes.parameters}>
           <div style={{ float: 'left', marginRight: 20 }}>
             <SearchInput
diff --git a/opencti-platform/opencti-front/src/private/components/settings/Settings.jsx b/opencti-platform/opencti-front/src/private/components/settings/Settings.jsx
index 9e7653f3571f8..a0850a8204952 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/Settings.jsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/Settings.jsx
@@ -295,7 +295,7 @@ const Settings = () => {
             );
             return (
               <>
-                <Breadcrumbs variant="object" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Parameters'), current: true }]} />
+                <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Parameters'), current: true }]} />
                 <Grid container={true} spacing={3}>
                   <Grid item xs={6}>
                     <Typography variant="h4" gutterBottom={true}>
diff --git a/opencti-platform/opencti-front/src/private/components/settings/SettingsOrganizations.tsx b/opencti-platform/opencti-front/src/private/components/settings/SettingsOrganizations.tsx
index 3947e82714df6..f7fd9c0167f2e 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/SettingsOrganizations.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/SettingsOrganizations.tsx
@@ -77,7 +77,7 @@ const SettingsOrganizations = () => {
   };
   return (
     <div className={classes.container}>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Security') }, { label: t_i18n('Organizations'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Security') }, { label: t_i18n('Organizations'), current: true }]} />
       <AccessesMenu />
       <ListLines
         sortBy={viewStorage.sortBy}
diff --git a/opencti-platform/opencti-front/src/private/components/settings/Users.jsx b/opencti-platform/opencti-front/src/private/components/settings/Users.jsx
index f8543d966aedc..8790653a3b371 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/Users.jsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/Users.jsx
@@ -106,7 +106,7 @@ const Users = () => {
 
   return (
     <div className={classes.container} data-testid="users-settings-page">
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Security') }, { label: t_i18n('Users'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Security') }, { label: t_i18n('Users'), current: true }]} />
       <AccessesMenu />
       {isSetAccess || isEnterpriseEdition ? (
         renderLines()
diff --git a/opencti-platform/opencti-front/src/private/components/settings/Vocabularies.tsx b/opencti-platform/opencti-front/src/private/components/settings/Vocabularies.tsx
index 0ab3f2480d609..4edeb03fc6555 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/Vocabularies.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/Vocabularies.tsx
@@ -180,7 +180,7 @@ const Vocabularies = () => {
   return (
     <div className={classes.container}>
       <LabelsVocabulariesMenu />
-      <Breadcrumbs variant="list" elements={[
+      <Breadcrumbs elements={[
         { label: t_i18n('Settings') },
         { label: t_i18n('Taxonomies') },
         { label: t_i18n('Vocabularies'), link: '/dashboard/settings/vocabularies/fields' },
diff --git a/opencti-platform/opencti-front/src/private/components/settings/VocabularyCategories.tsx b/opencti-platform/opencti-front/src/private/components/settings/VocabularyCategories.tsx
index 42fb3fc1d1281..051da8c265379 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/VocabularyCategories.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/VocabularyCategories.tsx
@@ -88,7 +88,7 @@ const VocabularyCategories = () => {
   return (
     <div className={classes.container}>
       <LabelsVocabulariesMenu />
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Taxonomies') }, { label: t_i18n('Vocabularies'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Taxonomies') }, { label: t_i18n('Vocabularies'), current: true }]} />
       {renderLines()}
     </div>
   );
diff --git a/opencti-platform/opencti-front/src/private/components/settings/activity/alerting/Alerting.tsx b/opencti-platform/opencti-front/src/private/components/settings/activity/alerting/Alerting.tsx
index ae2bf9afb2515..92b4edf2cf0b8 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/activity/alerting/Alerting.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/activity/alerting/Alerting.tsx
@@ -217,7 +217,7 @@ const Alerting: FunctionComponent = () => {
   return (
     <div className={classes.container}>
       <ActivityMenu/>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Activity') }, { label: t_i18n('Alerting'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Activity') }, { label: t_i18n('Alerting'), current: true }]} />
       {renderLines()}
       <AlertCreation paginationOptions={paginationOptions}/>
     </div>
diff --git a/opencti-platform/opencti-front/src/private/components/settings/activity/audit/Audit.tsx b/opencti-platform/opencti-front/src/private/components/settings/activity/audit/Audit.tsx
index 2b7c65e8e7b15..659f9c80d812b 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/activity/audit/Audit.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/activity/audit/Audit.tsx
@@ -219,7 +219,7 @@ const Audit = () => {
   return (
     <div className={classes.container}>
       <ActivityMenu/>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Activity') }, {
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Activity') }, {
         label: t_i18n('Events'),
         current: true,
       }]}
diff --git a/opencti-platform/opencti-front/src/private/components/settings/activity/configuration/Configuration.tsx b/opencti-platform/opencti-front/src/private/components/settings/activity/configuration/Configuration.tsx
index b74a63626a541..ba9c5c22b5e1a 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/activity/configuration/Configuration.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/activity/configuration/Configuration.tsx
@@ -132,7 +132,7 @@ ConfigurationComponentProps
     >
       <div className={classes.container}>
         <ActivityMenu />
-        <Breadcrumbs variant="object" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Activity') }, { label: t_i18n('Configuration'), current: true }]} />
+        <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Activity') }, { label: t_i18n('Configuration'), current: true }]} />
         <Grid container={true} spacing={3}>
           <Grid item xs={12}>
             <Typography variant="h4" gutterBottom={true}>
diff --git a/opencti-platform/opencti-front/src/private/components/settings/case_templates/CaseTemplates.tsx b/opencti-platform/opencti-front/src/private/components/settings/case_templates/CaseTemplates.tsx
index d6055e335159c..5769864bbfe35 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/case_templates/CaseTemplates.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/case_templates/CaseTemplates.tsx
@@ -105,7 +105,7 @@ const CaseTemplates = () => {
   return (
     <div className={classes.container}>
       <LabelsVocabulariesMenu />
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Taxonomies') }, { label: t_i18n('Case templates'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Taxonomies') }, { label: t_i18n('Case templates'), current: true }]} />
       {renderLines()}
       <CaseTemplateCreation
         paginationOptions={paginationOptions}
diff --git a/opencti-platform/opencti-front/src/private/components/settings/decay/DecayRule.tsx b/opencti-platform/opencti-front/src/private/components/settings/decay/DecayRule.tsx
index 0ad27d6b6bb77..6ae5e6c2aa762 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/decay/DecayRule.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/decay/DecayRule.tsx
@@ -109,7 +109,7 @@ const DecayRuleComponent = ({ queryRef }: DecayRuleComponentProps) => {
 
   return (
     <div className={classes.container}>
-      <Breadcrumbs variant="list" elements={[
+      <Breadcrumbs elements={[
         { label: t_i18n('Settings') },
         { label: t_i18n('Customization') },
         { label: t_i18n('Decay rules'), link: '/dashboard/settings/customization/decay' },
diff --git a/opencti-platform/opencti-front/src/private/components/settings/decay/DecayRules.tsx b/opencti-platform/opencti-front/src/private/components/settings/decay/DecayRules.tsx
index 56578e289d341..3955637f30409 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/decay/DecayRules.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/decay/DecayRules.tsx
@@ -154,7 +154,7 @@ const DecayRules = () => {
   return (
     <div className={classes.container}>
       <CustomizationMenu />
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Customization') }, { label: t_i18n('Decay rules'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Customization') }, { label: t_i18n('Decay rules'), current: true }]} />
       {renderLines()}
       <DecayRuleCreation paginationOptions={queryPaginationOptions} />
     </div>
diff --git a/opencti-platform/opencti-front/src/private/components/settings/file_indexing/FileIndexing.tsx b/opencti-platform/opencti-front/src/private/components/settings/file_indexing/FileIndexing.tsx
index 3aa4f1713669e..5ed180e89a19f 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/file_indexing/FileIndexing.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/file_indexing/FileIndexing.tsx
@@ -90,7 +90,7 @@ const FileIndexingComponent: FunctionComponent<FileIndexingComponentProps> = ({
   }, []);
   return (
     <>
-      <Breadcrumbs variant="object" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('File indexing'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('File indexing'), current: true }]} />
       {!isEnterpriseEdition ? (
         <EnterpriseEdition feature="File indexing" />
       ) : (
diff --git a/opencti-platform/opencti-front/src/private/components/settings/groups/Root.tsx b/opencti-platform/opencti-front/src/private/components/settings/groups/Root.tsx
index 74282dd357d5a..f5868b8ee40f9 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/groups/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/groups/Root.tsx
@@ -65,7 +65,7 @@ const RootGroupComponent: FunctionComponent<RootGroupComponentProps> = ({ queryR
       {group ? (
         <>
           <AccessesMenu/>
-          <Breadcrumbs variant="object" elements={[
+          <Breadcrumbs elements={[
             { label: t_i18n('Settings') },
             { label: t_i18n('Security') },
             { label: t_i18n('Groups'), link: '/dashboard/settings/accesses/groups' },
diff --git a/opencti-platform/opencti-front/src/private/components/settings/organizations/Root.tsx b/opencti-platform/opencti-front/src/private/components/settings/organizations/Root.tsx
index 051c708d53569..afe0ef68a2c21 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/organizations/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/organizations/Root.tsx
@@ -60,7 +60,7 @@ const RootSettingsOrganizationComponent: FunctionComponent<RootSettingsOrganizat
       {organization ? (
         <>
           <AccessesMenu/>
-          <Breadcrumbs variant="object" elements={[
+          <Breadcrumbs elements={[
             { label: t_i18n('Settings') },
             { label: t_i18n('Security') },
             { label: t_i18n('Organizations'), link: '/dashboard/settings/accesses/organizations' },
diff --git a/opencti-platform/opencti-front/src/private/components/settings/roles/Root.tsx b/opencti-platform/opencti-front/src/private/components/settings/roles/Root.tsx
index 7ca688345b625..1ba6b04492b63 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/roles/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/roles/Root.tsx
@@ -49,7 +49,7 @@ const RootRoleComponent: FunctionComponent<RootRoleComponentProps> = ({ queryRef
       {role ? (
         <>
           <AccessesMenu/>
-          <Breadcrumbs variant="object" elements={[
+          <Breadcrumbs elements={[
             { label: t_i18n('Settings') },
             { label: t_i18n('Security') },
             { label: t_i18n('Roles'), link: '/dashboard/settings/accesses/roles' },
diff --git a/opencti-platform/opencti-front/src/private/components/settings/status_templates/StatusTemplates.tsx b/opencti-platform/opencti-front/src/private/components/settings/status_templates/StatusTemplates.tsx
index 66e4903d0e9df..959440b109dd6 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/status_templates/StatusTemplates.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/status_templates/StatusTemplates.tsx
@@ -97,7 +97,7 @@ const StatusTemplates = () => {
   return (
     <div className={classes.container}>
       <LabelsVocabulariesMenu />
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Taxonomies') }, { label: t_i18n('Status templates'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Taxonomies') }, { label: t_i18n('Status templates'), current: true }]} />
       {renderLines()}
       <StatusTemplateCreation
         paginationOptions={paginationOptions}
diff --git a/opencti-platform/opencti-front/src/private/components/settings/sub_types/Root.tsx b/opencti-platform/opencti-front/src/private/components/settings/sub_types/Root.tsx
index be5fcdfeb2f72..cb2dc724e8520 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/sub_types/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/sub_types/Root.tsx
@@ -26,7 +26,7 @@ const RootSubType = () => {
       {
         data.subType ? (
           <>
-            <Breadcrumbs variant="list" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Settings') },
               { label: t_i18n('Customization') },
               { label: t_i18n('Entity types'), link: '/dashboard/settings/customization/entity_types' },
diff --git a/opencti-platform/opencti-front/src/private/components/settings/sub_types/SubTypes.tsx b/opencti-platform/opencti-front/src/private/components/settings/sub_types/SubTypes.tsx
index 0461b78e4d6fd..f8c99e6ba2604 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/sub_types/SubTypes.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/sub_types/SubTypes.tsx
@@ -74,7 +74,7 @@ const SubTypes = () => {
   return (
     <div className={classes.container}>
       <CustomizationMenu />
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Customization') }, { label: t_i18n('Entity types'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Customization') }, { label: t_i18n('Entity types'), current: true }]} />
       <ListLines
         handleSearch={helpers.handleSearch}
         keyword={searchTerm}
diff --git a/opencti-platform/opencti-front/src/private/components/settings/support/SupportPackages.tsx b/opencti-platform/opencti-front/src/private/components/settings/support/SupportPackages.tsx
index 2cb0e6077b06a..f319d9accd99c 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/support/SupportPackages.tsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/support/SupportPackages.tsx
@@ -125,7 +125,7 @@ const SupportPackages = () => {
   return (
     <Security needs={[SETTINGS_SUPPORT]} placeholder={<>{t_i18n('You do not have any access to the knowledge of this OpenCTI instance.')}</>}>
       <div>
-        <Breadcrumbs variant="list"
+        <Breadcrumbs
           elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Support packages'), current: true }]}
         />
         <Grid container={true} spacing={4}>
diff --git a/opencti-platform/opencti-front/src/private/components/settings/users/Root.jsx b/opencti-platform/opencti-front/src/private/components/settings/users/Root.jsx
index b7865b01817b7..75df601e78ed1 100644
--- a/opencti-platform/opencti-front/src/private/components/settings/users/Root.jsx
+++ b/opencti-platform/opencti-front/src/private/components/settings/users/Root.jsx
@@ -101,7 +101,7 @@ const RootUserComponent = ({ queryRef, userId, refetch }) => {
       {data ? (
         <div style={{ paddingRight: 200 }}>
           <AccessesMenu />
-          <Breadcrumbs variant="object" elements={[
+          <Breadcrumbs elements={[
             { label: t_i18n('Settings') },
             { label: t_i18n('Security') },
             { label: t_i18n('Users'), link: '/dashboard/settings/accesses/users' },
diff --git a/opencti-platform/opencti-front/src/private/components/techniques/AttackPatterns.tsx b/opencti-platform/opencti-front/src/private/components/techniques/AttackPatterns.tsx
index aa7506baf5a72..a5bd83dd1f523 100644
--- a/opencti-platform/opencti-front/src/private/components/techniques/AttackPatterns.tsx
+++ b/opencti-platform/opencti-front/src/private/components/techniques/AttackPatterns.tsx
@@ -146,7 +146,7 @@ const AttackPatterns = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Techniques') }, { label: t_i18n('Attack patterns'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Techniques') }, { label: t_i18n('Attack patterns'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/techniques/CoursesOfAction.tsx b/opencti-platform/opencti-front/src/private/components/techniques/CoursesOfAction.tsx
index 283c5e37d8243..3603764ddf515 100644
--- a/opencti-platform/opencti-front/src/private/components/techniques/CoursesOfAction.tsx
+++ b/opencti-platform/opencti-front/src/private/components/techniques/CoursesOfAction.tsx
@@ -148,7 +148,7 @@ const CoursesOfAction = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Techniques') }, { label: t_i18n('Courses of action'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Techniques') }, { label: t_i18n('Courses of action'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/techniques/DataComponents.tsx b/opencti-platform/opencti-front/src/private/components/techniques/DataComponents.tsx
index 8c7bf5a9dc43c..8a2c4d9bd9e2d 100644
--- a/opencti-platform/opencti-front/src/private/components/techniques/DataComponents.tsx
+++ b/opencti-platform/opencti-front/src/private/components/techniques/DataComponents.tsx
@@ -144,7 +144,7 @@ const DataComponents: FunctionComponent = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Techniques') }, { label: t_i18n('Data components'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Techniques') }, { label: t_i18n('Data components'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/techniques/DataSources.tsx b/opencti-platform/opencti-front/src/private/components/techniques/DataSources.tsx
index ea3b168b74ef1..0484e208caa59 100644
--- a/opencti-platform/opencti-front/src/private/components/techniques/DataSources.tsx
+++ b/opencti-platform/opencti-front/src/private/components/techniques/DataSources.tsx
@@ -148,7 +148,7 @@ const DataSources: FunctionComponent = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Techniques') }, { label: t_i18n('Data sources'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Techniques') }, { label: t_i18n('Data sources'), current: true }]} />
       {queryRef && (
         <DataTable
           dataColumns={dataColumns}
diff --git a/opencti-platform/opencti-front/src/private/components/techniques/Narratives.tsx b/opencti-platform/opencti-front/src/private/components/techniques/Narratives.tsx
index 449dfbca83914..72b5e2aa56ad1 100644
--- a/opencti-platform/opencti-front/src/private/components/techniques/Narratives.tsx
+++ b/opencti-platform/opencti-front/src/private/components/techniques/Narratives.tsx
@@ -211,7 +211,7 @@ const Narratives: FunctionComponent = () => {
   };
   return (
     <ExportContextProvider>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Techniques') }, { label: t_i18n('Narratives'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Techniques') }, { label: t_i18n('Narratives'), current: true }]} />
       {view === 'lines' ? renderLines() : ''}
       {view === 'subEntityLines' ? renderSubEntityLines() : ''}
       {!isFABReplaced && (
diff --git a/opencti-platform/opencti-front/src/private/components/techniques/attack_patterns/Root.tsx b/opencti-platform/opencti-front/src/private/components/techniques/attack_patterns/Root.tsx
index a6427bb00981d..cdd2c8de50f9d 100644
--- a/opencti-platform/opencti-front/src/private/components/techniques/attack_patterns/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/techniques/attack_patterns/Root.tsx
@@ -128,7 +128,7 @@ const RootAttackPattern = ({ attackPatternId, queryRef }: RootAttackPatternProps
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Techniques') },
               { label: t_i18n('Attack patterns'), link: '/dashboard/techniques/attack_patterns' },
               { label: attackPattern.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/techniques/courses_of_action/Root.jsx b/opencti-platform/opencti-front/src/private/components/techniques/courses_of_action/Root.jsx
index c1b8fd9d2c1f8..b301fd9fc5323 100644
--- a/opencti-platform/opencti-front/src/private/components/techniques/courses_of_action/Root.jsx
+++ b/opencti-platform/opencti-front/src/private/components/techniques/courses_of_action/Root.jsx
@@ -98,7 +98,7 @@ class RootCourseOfAction extends Component {
                 const paddingRight = getPaddingRight(location.pathname, courseOfAction.id, '/dashboard/techniques/courses_of_action', false);
                 return (
                   <div style={{ paddingRight }}>
-                    <Breadcrumbs variant="object" elements={[
+                    <Breadcrumbs elements={[
                       { label: t('Techniques') },
                       { label: t('Courses of action'), link: '/dashboard/techniques/courses_of_action' },
                       { label: courseOfAction.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/techniques/data_components/Root.tsx b/opencti-platform/opencti-front/src/private/components/techniques/data_components/Root.tsx
index 31fd7a295bbde..1a5d36909974a 100644
--- a/opencti-platform/opencti-front/src/private/components/techniques/data_components/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/techniques/data_components/Root.tsx
@@ -97,7 +97,7 @@ const RootDataComponent = () => {
               const paddingRight = getPaddingRight(location.pathname, dataComponent.id, '/dashboard/techniques/data_components', false);
               return (
                 <div style={{ paddingRight }}>
-                  <Breadcrumbs variant="object" elements={[
+                  <Breadcrumbs elements={[
                     { label: t_i18n('Techniques') },
                     { label: t_i18n('Data components'), link: '/dashboard/techniques/data_components' },
                     { label: dataComponent.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/techniques/data_sources/Root.tsx b/opencti-platform/opencti-front/src/private/components/techniques/data_sources/Root.tsx
index b73fa1db5d229..1d4259e5a4653 100644
--- a/opencti-platform/opencti-front/src/private/components/techniques/data_sources/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/techniques/data_sources/Root.tsx
@@ -90,7 +90,7 @@ const RootDataSourceComponent = ({ queryRef, dataSourceId }) => {
     <>
       {dataSource ? (
         <div style={{ paddingRight }}>
-          <Breadcrumbs variant="object" elements={[
+          <Breadcrumbs elements={[
             { label: t_i18n('Techniques') },
             { label: t_i18n('Data sources'), link: '/dashboard/techniques/data_sources' },
             { label: dataSource.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/techniques/narratives/Root.tsx b/opencti-platform/opencti-front/src/private/components/techniques/narratives/Root.tsx
index c53f13a841c70..fea04a408c2b5 100644
--- a/opencti-platform/opencti-front/src/private/components/techniques/narratives/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/techniques/narratives/Root.tsx
@@ -124,7 +124,7 @@ const RootNarrative = ({ narrativeId, queryRef }: RootNarrativeProps) => {
             />
           </Routes>
           <div style={{ paddingRight }} >
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Techniques') },
               { label: t_i18n('Narratives'), link: '/dashboard/techniques/narratives' },
               { label: narrative.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/threats/Campaigns.tsx b/opencti-platform/opencti-front/src/private/components/threats/Campaigns.tsx
index 264c1012d93d8..5258a2723d216 100644
--- a/opencti-platform/opencti-front/src/private/components/threats/Campaigns.tsx
+++ b/opencti-platform/opencti-front/src/private/components/threats/Campaigns.tsx
@@ -191,7 +191,7 @@ const Campaigns = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Threats') }, { label: t_i18n('Campaigns'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Threats') }, { label: t_i18n('Campaigns'), current: true }]} />
       {viewStorage.view !== 'lines' ? renderCards() : renderList()}
       {!isFABReplaced && (
         <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/threats/IntrusionSets.tsx b/opencti-platform/opencti-front/src/private/components/threats/IntrusionSets.tsx
index ebf895dbc9ef5..d02fb0adbf848 100644
--- a/opencti-platform/opencti-front/src/private/components/threats/IntrusionSets.tsx
+++ b/opencti-platform/opencti-front/src/private/components/threats/IntrusionSets.tsx
@@ -187,7 +187,7 @@ const IntrusionSets = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Threats') }, { label: t_i18n('Intrusion sets'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Threats') }, { label: t_i18n('Intrusion sets'), current: true }]} />
       {viewStorage.view !== 'lines' ? renderCards() : renderList()}
       {!isFABReplaced && (
         <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/threats/ThreatActorsGroup.tsx b/opencti-platform/opencti-front/src/private/components/threats/ThreatActorsGroup.tsx
index 26b13a571cc93..4834790826409 100644
--- a/opencti-platform/opencti-front/src/private/components/threats/ThreatActorsGroup.tsx
+++ b/opencti-platform/opencti-front/src/private/components/threats/ThreatActorsGroup.tsx
@@ -191,7 +191,7 @@ const ThreatActorsGroup = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Threats') }, { label: t_i18n('Threat actors (group)'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Threats') }, { label: t_i18n('Threat actors (group)'), current: true }]} />
       {viewStorage.view !== 'lines' ? renderCards() : renderList()}
       {!isFABReplaced && (
         <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/threats/ThreatActorsIndividual.tsx b/opencti-platform/opencti-front/src/private/components/threats/ThreatActorsIndividual.tsx
index 8bc790958ba19..db43cb66aa248 100644
--- a/opencti-platform/opencti-front/src/private/components/threats/ThreatActorsIndividual.tsx
+++ b/opencti-platform/opencti-front/src/private/components/threats/ThreatActorsIndividual.tsx
@@ -194,7 +194,7 @@ const ThreatActorsIndividual = () => {
 
   return (
     <>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Threats') }, { label: t_i18n('Threat actors (individual)'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Threats') }, { label: t_i18n('Threat actors (individual)'), current: true }]} />
       {viewStorage.view !== 'lines' ? renderCards() : renderList()}
       {!isFABReplaced && (
         <Security needs={[KNOWLEDGE_KNUPDATE]}>
diff --git a/opencti-platform/opencti-front/src/private/components/threats/campaigns/Root.tsx b/opencti-platform/opencti-front/src/private/components/threats/campaigns/Root.tsx
index a0ec1dd6b5fa7..de6997f028703 100644
--- a/opencti-platform/opencti-front/src/private/components/threats/campaigns/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/threats/campaigns/Root.tsx
@@ -134,7 +134,7 @@ const RootCampaign = ({ campaignId, queryRef }: RootCampaignProps) => {
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Threats') },
               { label: t_i18n('Campaigns'), link: '/dashboard/threats/campaigns' },
               { label: campaign.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/threats/intrusion_sets/Root.tsx b/opencti-platform/opencti-front/src/private/components/threats/intrusion_sets/Root.tsx
index 2768a8bcb811b..f149b9ee75abd 100644
--- a/opencti-platform/opencti-front/src/private/components/threats/intrusion_sets/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/threats/intrusion_sets/Root.tsx
@@ -140,7 +140,7 @@ const RootIntrusionSet = ({ intrusionSetId, queryRef }: RootIntrusionSetProps) =
             />
           </Routes>
           <div style={{ paddingRight }} data-testid="intrusionSet-details-page">
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Threats') },
               { label: t_i18n('Intrusion sets'), link: '/dashboard/threats/intrusion_sets' },
               { label: intrusionSet.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/threats/threat_actors_group/Root.tsx b/opencti-platform/opencti-front/src/private/components/threats/threat_actors_group/Root.tsx
index 17482e9a9e392..cfbb046dafe8a 100644
--- a/opencti-platform/opencti-front/src/private/components/threats/threat_actors_group/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/threats/threat_actors_group/Root.tsx
@@ -137,7 +137,7 @@ const RootThreatActorGroup = ({ queryRef, threatActorGroupId }: RootThreatActorG
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Threats') },
               { label: t_i18n('Threat actors (group)'), link: '/dashboard/threats/threat_actors_group' },
               { label: threatActorGroup.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/threats/threat_actors_individual/Root.tsx b/opencti-platform/opencti-front/src/private/components/threats/threat_actors_individual/Root.tsx
index 57826f6335599..3be9eec96fc55 100644
--- a/opencti-platform/opencti-front/src/private/components/threats/threat_actors_individual/Root.tsx
+++ b/opencti-platform/opencti-front/src/private/components/threats/threat_actors_individual/Root.tsx
@@ -150,7 +150,7 @@ const RootThreatActorIndividualComponent = ({
             />
           </Routes>
           <div style={{ paddingRight }}>
-            <Breadcrumbs variant="object" elements={[
+            <Breadcrumbs elements={[
               { label: t_i18n('Threats') },
               { label: t_i18n('Threat actors (individual)'), link: '/dashboard/threats/threat_actors_individual' },
               { label: threatActorIndividual.name, current: true },
diff --git a/opencti-platform/opencti-front/src/private/components/trash/Trash.tsx b/opencti-platform/opencti-front/src/private/components/trash/Trash.tsx
index e9ab8d54c81a2..62459114f7071 100644
--- a/opencti-platform/opencti-front/src/private/components/trash/Trash.tsx
+++ b/opencti-platform/opencti-front/src/private/components/trash/Trash.tsx
@@ -161,7 +161,7 @@ const Trash: React.FC = () => {
   };
   return (
     <ExportContextProvider>
-      <Breadcrumbs variant="list" elements={[{ label: t_i18n('Trash'), current: true }]} />
+      <Breadcrumbs elements={[{ label: t_i18n('Trash'), current: true }]} />
       {renderLines()}
     </ExportContextProvider>
   );
diff --git a/opencti-platform/opencti-front/src/private/components/workspaces/Workspaces.tsx b/opencti-platform/opencti-front/src/private/components/workspaces/Workspaces.tsx
index b6e6c9a5d4478..6701aa34dd356 100644
--- a/opencti-platform/opencti-front/src/private/components/workspaces/Workspaces.tsx
+++ b/opencti-platform/opencti-front/src/private/components/workspaces/Workspaces.tsx
@@ -233,7 +233,6 @@ const Workspaces: FunctionComponent<WorkspacesProps> = ({
   return (
     <>
       <Breadcrumbs
-        variant="list"
         elements={type === 'dashboard'
           ? [{ label: t_i18n('Dashboards') }, { label: t_i18n('Custom dashboards'), current: true }]
           : [{ label: t_i18n('Investigations'), current: true }]
diff --git a/opencti-platform/opencti-front/src/private/components/workspaces/dashboards/public_dashboards/PublicDashboards.tsx b/opencti-platform/opencti-front/src/private/components/workspaces/dashboards/public_dashboards/PublicDashboards.tsx
index b6eaf22142900..30af8d49bf4cb 100644
--- a/opencti-platform/opencti-front/src/private/components/workspaces/dashboards/public_dashboards/PublicDashboards.tsx
+++ b/opencti-platform/opencti-front/src/private/components/workspaces/dashboards/public_dashboards/PublicDashboards.tsx
@@ -177,7 +177,6 @@ const PublicDashboards = () => {
   return (
     <>
       <Breadcrumbs
-        variant="list"
         elements={[
           { label: t_i18n('Dashboards') },
           { label: t_i18n('Public dashboards'), current: true },