diff --git a/front/src/modules/ui/typography/components/H1Title.tsx b/front/src/modules/ui/typography/components/H1Title.tsx
index 063546d423..c0adc8ceb0 100644
--- a/front/src/modules/ui/typography/components/H1Title.tsx
+++ b/front/src/modules/ui/typography/components/H1Title.tsx
@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
type H1TitleProps = {
title: string;
fontColor?: H1TitleFontColor;
+ className?: string;
};
export enum H1TitleFontColor {
@@ -25,4 +26,11 @@ const StyledTitle = styled.h2<{
export const H1Title = ({
title,
fontColor = H1TitleFontColor.Tertiary,
-}: H1TitleProps) => {title};
+ className,
+}: H1TitleProps) => {
+ return (
+
+ {title}
+
+ );
+};
diff --git a/front/src/pages/settings/SettingsObjects.tsx b/front/src/pages/settings/SettingsObjects.tsx
index 0e5bdfdd15..d5d5e965c3 100644
--- a/front/src/pages/settings/SettingsObjects.tsx
+++ b/front/src/pages/settings/SettingsObjects.tsx
@@ -2,12 +2,14 @@ import { useNavigate } from 'react-router-dom';
import { useTheme } from '@emotion/react';
import styled from '@emotion/styled';
+import { Button } from '@/ui/button/components/Button';
import {
IconBuildingSkyscraper,
IconChevronRight,
IconDotsVertical,
IconLuggage,
IconPlane,
+ IconPlus,
IconSettings,
IconUser,
} from '@/ui/icon';
@@ -55,6 +57,17 @@ const StyledIconDotsVertical = styled(IconDotsVertical)`
color: ${({ theme }) => theme.font.color.tertiary};
`;
+const StyledHeader = styled.div`
+ align-items: center;
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: ${({ theme }) => theme.spacing(8)};
+`;
+
+const StyledH1Title = styled(H1Title)`
+ margin-bottom: 0;
+`;
+
const activeObjectItems = [
{
name: 'Companies',
@@ -96,7 +109,18 @@ export const SettingsObjects = () => {
return (
-
+
+
+