diff --git a/packages/garden/package.json b/packages/garden/package.json
index a20220c45..090e06b8f 100644
--- a/packages/garden/package.json
+++ b/packages/garden/package.json
@@ -1,6 +1,6 @@
{
"name": "@equinor/workspace-garden",
- "version": "8.0.1",
+ "version": "8.0.2",
"type": "module",
"sideEffects": false,
"license": "MIT",
diff --git a/packages/garden/src/lib/components/defaultComponents/header/DefaultHeaderView.tsx b/packages/garden/src/lib/components/defaultComponents/header/DefaultHeaderView.tsx
index 5556bd5f5..e8c161b83 100644
--- a/packages/garden/src/lib/components/defaultComponents/header/DefaultHeaderView.tsx
+++ b/packages/garden/src/lib/components/defaultComponents/header/DefaultHeaderView.tsx
@@ -3,19 +3,35 @@ import { memo } from 'react';
import styled from 'styled-components';
import { tokens } from '@equinor/eds-tokens';
-const Count = styled.span`
+const StyledHeaderContent = styled.div`
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ font-weight: 600;
+`;
+
+const StyledCount = styled.h2`
color: ${tokens.colors.text.static_icons__default.hex};
font-weight: 300;
font-size: 0.8rem;
margin-left: 0.8em;
`;
-const HeaderView = ({ header }: CustomHeaderView) => {
+const StyledHeaderText = styled.h2`
+ white-space: pre-line;
+ font-size: 16px;
+ text-align: center;
+`;
+
+const HeaderView = (props: CustomHeaderView) => {
+ const { header } = props;
+
return (
- <>
- {header.name}
- ({header.count})
- >
+
+ {header.name}
+ ({header.count})
+
);
};
diff --git a/packages/workspace-fusion/package.json b/packages/workspace-fusion/package.json
index a45388bfc..2378e00b8 100644
--- a/packages/workspace-fusion/package.json
+++ b/packages/workspace-fusion/package.json
@@ -1,6 +1,6 @@
{
"name": "@equinor/workspace-fusion",
- "version": "9.0.14",
+ "version": "9.0.15",
"type": "module",
"sideEffects": false,
"license": "MIT",