diff --git a/public/locales/en.json b/public/locales/en.json
index d7ed6eac..62bab33b 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -119,6 +119,7 @@
"addButton": "Add"
},
"ControlPlaneListView": {
+ "header": "Your instances of ManagedControlPlane",
"projectHeader": "Project:"
},
"ProjectsListView": {
diff --git a/src/index.css b/src/index.css
index aa404973..ec678092 100644
--- a/src/index.css
+++ b/src/index.css
@@ -112,4 +112,9 @@ ui5-form-item {
ui5-toast {
width: 50ch;
max-width: 100%;
+}
+
+.mono-font {
+ font-family: 'Roboto Mono', monospace;
+ font-weight: bold;
}
\ No newline at end of file
diff --git a/src/views/ControlPlanes/ControlPlaneListView.tsx b/src/views/ControlPlanes/ControlPlaneListView.tsx
index 5a59a664..4fe4ea43 100644
--- a/src/views/ControlPlanes/ControlPlaneListView.tsx
+++ b/src/views/ControlPlanes/ControlPlaneListView.tsx
@@ -1,10 +1,10 @@
-import { ObjectPage, ObjectPageTitle } from '@ui5/webcomponents-react';
+import { ObjectPage, ObjectPageTitle, Title } from '@ui5/webcomponents-react';
import ProjectChooser from '../../components/Projects/ProjectChooser.tsx';
import { useParams } from 'react-router-dom';
import ControlPlaneListAllWorkspaces from '../../components/ControlPlanes/List/ControlPlaneListAllWorkspaces.tsx';
import IntelligentBreadcrumbs from '../../components/Core/IntelligentBreadcrumbs.tsx';
import { ControlPlaneListToolbar } from '../../components/ControlPlanes/List/ControlPlaneListToolbar.tsx';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
export default function ControlPlaneListView() {
const { projectName } = useParams();
@@ -16,7 +16,14 @@ export default function ControlPlaneListView() {
preserveHeaderStateOnClick={true}
titleArea={
+ }}
+ />
+
+ }
subHeader={